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

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

From our sponsor

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

clip-path shape slideshow

Shape Slideshow with Clip-path

4 years ago by Manoela Ilic

circular hover intro page-transition svg typography

Circular SVG Text Animation

4 years ago by Manoela Ilic

draggable glsl infinite ogl webgl

Creating an Infinite Circular Gallery using WebGL with OGL and GLSL Shaders

4 years ago by Luis Henrique Bizarro

button css-only hover

Ideas for CSS Button Hover Animations

4 years ago by Manoela Ilic

css-only hover line link svg

Simple CSS Line Hover Animations for Links

4 years ago by Manoela Ilic

3d distortion loading shape three.js webgl

Rotating Loading Animation of 3D Shapes with Three.js

4 years ago by Yuri Artiukh

blob distortion glsl sphere three.js webgl

Twisted Colorful Spheres with Three.js

4 years ago by Mario Carrillo

locomotive-scroll scroll typography

On-Scroll Letter Animations

4 years ago by Manoela Ilic

geometry metaballs webgl

Drawing 2D Metaballs with WebGL2

4 years ago by Georgi Nikolov

distortion glsl infinite ogl scroll webgl

Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders

4 years ago by Luis Henrique Bizarro

infinite particles react react-three-fiber three.js webgl

Recreating a Dave Whyte Animation in React-Three-Fiber

4 years ago by Matt Rossman

locomotive-scroll parallax scroll

Horizontal Smooth Scroll Layouts

4 years ago by Manoela Ilic

draggable navigation parallax scroll slider

Crafting a Scrollable and Draggable Parallax Slider

4 years ago by Ruud Luijten

intro locomotive-scroll scroll

Image Stack Intro Animation

4 years ago by Manoela Ilic

hover menu navigation page-transition

Inline Menu Layout with Gallery Panel

4 years ago by Manoela Ilic

grid locomotive-scroll scroll

Scroll Animations for Image Grids

4 years ago by Manoela Ilic

curtains.js page-transition video video-transition webgl

WebGL Video Transitions with Curtains.js

4 years ago by Yuri Artiukh

cannon.js mirror react react-three-fiber reflection refraction use-cannon

Creating Mirrors in React-Three-Fiber and Three.js

4 years ago by Gianmarco Simone

grid menu navigation page-transition slideshow

Menu to Inner Page Animation with Image Grid Background

4 years ago by Manoela Ilic

grid slideshow typography

Diagonal Thumbnail Slideshow Animation

4 years ago by Manoela Ilic

polygon slideshow three.js webgl

Experimental Triangle Image Transitions with WebGL

4 years ago by Yuri Artiukh

grid hover locomotive-scroll page-transition scroll

Thumbnail to Full Width Image Animation

4 years ago by Manoela Ilic

button hover magnetic

Magnetic Buttons

4 years ago by Manoela Ilic

filter hover menu

Exploring Animations for Menu Hover Effects

4 years ago by Manoela Ilic

hover menu navigation

Creating a Menu Image Animation on Hover

4 years ago by Manoela Ilic

glitch grid hover magnetic navigation slideshow

A Glitchy Grid Layout Slideshow

4 years ago by Manoela Ilic

page-transition typography

Making Stagger Reveal Animations for Text

4 years ago by Manoela Ilic

MotionGrid_featured

How to Create a Motion Hover Effect for a Background Image Grid

4 years ago by Manoela Ilic

3d glsl three.js typography webgl

Kinetic Typography with Three.js

4 years ago by Mario Carrillo

Infinite Scroll Menu

infinite menu scroll

An Infinitely Scrollable Vertical Menu

5 years ago by Manoela Ilic

gooey hover menu morphing navigation svg typography

Morphing Gooey Text Hover Effect

5 years ago by Manoela Ilic

distortion hover postprocessing three.js webgl

Interactive WebGL Hover Effects

5 years ago by Yuri Artiukh

grid hover intro page-transition

Rapid Image Layers Animation

5 years ago by Manoela Ilic

Marquee_featured

css-only hover marquee menu typography

CSS-Only Marquee Effect

5 years ago by Manoela Ilic

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

All demo authors

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