Demos

Our curated collection of 500+ free demos, prototypes, animations, templates, layouts, UI styles, and experimental design concepts. Download and use freely under MIT.

filter×

distortion filter scroll svg typography

Scroll-based SVG Filter Animations on Text

3 weeks ago by Manoela Ilic

filter grid hover intro page-transition

Hover Motion Intro Animation

4 months ago by Manoela Ilic

On-Scroll SVG Filter Effect

1 year ago by Manoela Ilic

Gooey cursor with svg filters and css blend modes

cursor filter gooey motion-trail

Gooey Cursor Effect

1 year ago by Manoela Ilic

clip-path filter hover

Double Image Hover Effects with Clip-Path Animations

2 years ago by Manoela Ilic

Custom SVG Cursors with an Interactive Emitter Effect

2 years ago by Marlène Bruhat

distortion filter svg

Sketch 020: Image Motion Effect with SVG Filter

2 years ago by Manoela Ilic

distortion filter svg

Sketch 019: Image Motion Effect with SVG Filter

2 years ago by Manoela Ilic

cursor distortion filter svg

Sketch 018: Custom Cursor (two circles with filter and delays)

2 years ago by Manoela Ilic

cursor distortion filter svg

Sketch 017: Custom Cursor (stroke circle with filter effect)

2 years ago by Manoela Ilic

cursor distortion filter svg

Sketch 016: Custom Cursor (filled circle with filter effect)

2 years ago by Manoela Ilic

cursor filter motion-trail svg

Sketch 015: Custom Cursor (multiple circles with filter effect)

2 years ago by Manoela Ilic

cursor filter svg

Sketch 014: Custom Cursor (filter effect and delayed motion)

2 years ago by Manoela Ilic

cursor filter svg

Sketch 013: Custom Cursor (two circles with filter effect)

2 years ago by Manoela Ilic

distortion filter hover page-transition typography

Lines to Content Layout Animation

2 years ago by Manoela Ilic

filter hover magnetic

Hover Preview Effect with Mini Map

3 years ago by Manoela Ilic

filter hover repetition

Sketch 004: Repetition Hover Effect (Filter)

3 years ago by Manoela Ilic

filter slideshow

Slideshow with Filter Reveal Effect

3 years ago by Manoela Ilic

filter hover illustration svg

Superhero Animation Effect with SVG Filters

3 years ago by Abner Nascimento

distortion filter hover svg

Thumbnail Hover Effect with SVG Filters

3 years ago by Manoela Ilic

filter hover menu

Exploring Animations for Menu Hover Effects

4 years ago by Manoela Ilic

cursor distortion filter hover svg

Animated Custom Cursor Effects

4 years ago by Manoela Ilic

distortion filter hover line link svg typography

Ideas for Distorted Link Effects on Menus

4 years ago by Manoela Ilic

DistortedLink_featured

distortion filter hover line link svg

Distorted Link Effects with SVG Filters

5 years ago by Manoela Ilic

TextPath_featured

distortion filter scroll svg textPath typography

Animating SVG Text on a Path

5 years ago by Manoela Ilic

ImageDragging_featured

draggable filter

Image Dragging Effects

5 years ago by Manoela Ilic

filter motion-trail

Image Trail Effects

5 years ago by Manoela Ilic

distortion filter hover menu svg

Image Distortion Effects with SVG Filters

6 years ago by Manoela Ilic

button distortion filter svg

Distorted Button Effects with SVG Filters

8 years ago by Adrien Denat

filter sass svg

Animated Animals in CSS and SVG

8 years ago by David Khourshid

color filter slideshow svg

Color Extraction Effect

9 years ago by Manoela Ilic

blur filter menu modal slider svg

Motion Blur Effect with SVG

9 years ago by Lucas Bebber

filter gooey menu svg

Creative Gooey Effects

10 years ago by Lucas Bebber