Demos

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

From our sponsor

Create a Penpot plugin Nov 15-Dec 15 and win cash prizes!

From our sponsor

Turn your creations into recurring revenue by selling templates on the Wix Studio Marketplace.

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

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

3 years ago by Yuri Artiukh

scroll three.js webgl

Crafting Scroll Based Animations in Three.js

3 years ago by Bruno Simon

grid locomotive-scroll page-transition scroll

Alternate Column Scroll Animation

3 years ago by Manoela Ilic

grid page-transition zoom

Grid Zoom Layout

3 years ago by Manoela Ilic

filter slideshow

Slideshow with Filter Reveal Effect

3 years ago by Manoela Ilic

infinite menu overlay page-transition svg

SVG Overlay and Infinite Menu Background Animation

3 years ago by Manoela Ilic

3d diffusion glass refraction three.js webgl

Creating the Effect of Transparent Glass and Plastic in Three.js

3 years ago by Kelly Milligan

intro loading repetition typography

Repetitive Typography Animation

3 years ago by Manoela Ilic

grid intro page-transition typography

Kinetic Typography Page Transition

3 years ago by Manoela Ilic

hover menu page-transition

Menu and Thumbnail Stack Animation

3 years ago by Manoela Ilic

particles three.js webgl

Surface Sampling in Three.js

3 years ago by Louis Hoebregts

glsl ogl slideshow webgl

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

3 years ago by Francesco Michelini

filter hover illustration svg

Superhero Animation Effect with SVG Filters

3 years ago by Abner Nascimento

glsl marble three.js webgl

Magical Marbles in Three.js

3 years ago by Matt Rossman

grid menu navigation page-transition

Layout with Reveal Animations and Content Preview

3 years ago by Manoela Ilic

framebuffer motion-trail three.js typography webgl

Creating a Typography Motion Trail Effect with Three.js

3 years ago by Georgi Nikolov

Shaders on Scroll by Faboolea

glsl scroll three.js webgl

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

3 years ago by Fabienne Bielmann

hover marquee menu navigation

How to Code the K72 Marquee Hover Animation

3 years ago by Manoela Ilic

hover menu navigation page-transition typography

Inline to Menu Link Animation

3 years ago by Manoela Ilic

distortion filter hover svg

Thumbnail Hover Effect with SVG Filters

3 years ago by Manoela Ilic

crosshair cursor distortion hover menu svg

How to Code a Crosshair Mouse Cursor with Distortion Hover Effect

3 years ago by Manoela Ilic

css-mask custom-properties

Dynamic CSS Masks with Custom Properties and GSAP

4 years ago by Michelle Barker

3d hover menu typography

Rotated 3D Letters and Image Hover Effect

4 years ago by Manoela Ilic

3d grid hover magnetic page-transition

Magnetic 3D Grid Interaction with Content Preview

4 years ago by Manoela Ilic

hover magnetic page-transition

Preview to Full Content Page Transition

4 years ago by Manoela Ilic

grid hover page-transition typography

Distributed Letters Animation Layout

4 years ago by Manoela Ilic

particles physics three.js webgl

Tropical Particles Rain Animation with Three.js

4 years ago by Yuri Artiukh

« Previous 1 … 3 4 5 6 7 … 16 Next »

All demo authors

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