Demos Hub

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

page transition svg

Sketch 021: SVG Path Page Transition (Vertical)

3 years ago by Manoela Ilic

distortion filter svg

Sketch 020: Image Motion Effect with SVG Filter

3 years ago by Manoela Ilic

distortion filter svg

Sketch 019: Image Motion Effect with SVG Filter

3 years ago by Manoela Ilic

cursor distortion filter svg

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

3 years ago by Manoela Ilic

cursor distortion filter svg

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

3 years ago by Manoela Ilic

cursor distortion filter svg

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

3 years ago by Manoela Ilic

From our sponsor

Meco is a new way to read newsletters separate from your inbox

cursor filter Motion Trail svg

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

3 years ago by Manoela Ilic

cursor filter svg

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

3 years ago by Manoela Ilic

cursor filter svg

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

3 years ago by Manoela Ilic

Sketch 012: Custom Cursor (two circles, one filled)

3 years ago by Manoela Ilic

Sketch 011: Custom Cursor (One Circle)

3 years ago by Manoela Ilic

menu typography

Letter Shuffle Animation for a Menu

3 years ago by Manoela Ilic

3D hover Motion Trail repetition stack

Sketch 010: Image Motion Trail (Perspective)

3 years ago by Manoela Ilic

From our sponsor

Learn to build web apps with Next.js, the world's most popular full-stack framework, in this course on Scrimba.

3D hover Motion Trail repetition stack

Sketch 009: Image Motion Trail (Perspective)

3 years ago by Manoela Ilic

hover Motion Trail repetition stack

Sketch 008: Image Motion Trail (Circle)

3 years ago by Manoela Ilic

hover Motion Trail repetition stack

Sketch 007: Image Motion Trail (Rotation)

3 years ago by Manoela Ilic

hover Motion Trail repetition stack

Sketch 006: Image Motion Trail (Semi-transparent)

3 years ago by Manoela Ilic

hover Motion Trail repetition stack

Sketch 005: Image Motion Trail (Opaque)

3 years ago by Manoela Ilic

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

From our sponsor

Master JavaScript animation with GSAP—free access to 34 video lessons, projects, and hands-on demos for all levels.

hover repetition

Sketch 003: Repetition Hover Effect (Rotated)

3 years ago by Manoela Ilic

hover repetition

Sketch 002: Repetition Hover Effect (Square)

3 years ago by Manoela Ilic

hover repetition

Sketch 001: Repetition Hover Effect (Round)

3 years ago by Manoela Ilic

hover repetition

Repetition Image Hover Effects

3 years ago by Manoela Ilic

locomotive scroll scroll

Background Shift Animation with CSS Blend Modes

3 years ago by Manoela Ilic

distortion Three.js WebGL

Pixel Distortion Effect with Three.js

4 years ago by Yuri Artiukh

scroll Three.js WebGL

Crafting Scroll Based Animations in Three.js

4 years ago by Bruno Simon

From our sponsor

Codrops is hosted by Liquid Web — trusted dedicated servers built for speed and reliability. Get yours today.

grid locomotive scroll page transition scroll

Alternate Column Scroll Animation

4 years ago by Manoela Ilic

grid page transition zoom

Grid Zoom Layout

4 years ago by Manoela Ilic

filter slideshow

Slideshow with Filter Reveal Effect

4 years ago by Manoela Ilic

infinite menu overlay page transition svg

SVG Overlay and Infinite Menu Background Animation

4 years ago by Manoela Ilic

intro loading repetition typography

Repetitive Typography Animation

4 years ago by Manoela Ilic

hover menu page transition

Menu and Thumbnail Stack Animation

4 years ago by Manoela Ilic

particles Three.js WebGL

Surface Sampling in Three.js

4 years ago by Louis Hoebregts

glsl GSAP OGL slideshow WebGL

Create an Abstract Image Slideshow with OGL, GLSL, and GSAP

4 years ago by Francesco Michelini

filter hover illustration svg

Superhero Animation Effect with SVG Filters

4 years ago by Abner Nascimento

« Previous 1 2 3 4 5 … 13 Next »

All demo authors

Would you like to join us as a contributor? Let us know.