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!

grid hover page-transition

Grid Layout with Motion Hover Effect and Content Preview

7 years ago by Manoela Ilic

button form hover progressive-hover proximity

Ideas for Proximity Feedback with Progressive Hover Effects

7 years ago by Manoela Ilic

button canvas particles

Particle Effects for Buttons

7 years ago by Luis Goncalves

feedback password visualization

Password Strength Visualization

7 years ago by Manoela Ilic

distortion hover webgl

WebGL Distortion Hover Effects

7 years ago by Robin Delaporte

Expanding Grid Menu

7 years ago by Manoela Ilic

clip-path glitch menu slideshow

Glitch Effect Slideshow

7 years ago by Manoela Ilic

audio canvas visualizer

Creative Audio Visualizers

7 years ago by Yannis Yannakopoulos

canvas slideshow

Animated Fragment Slideshow

7 years ago by Luis Goncalves

scroll typography

Scrolling Letters Animation

7 years ago by Manoela Ilic

page-transition scroll slideshow

Slice Revealer

7 years ago by Manoela Ilic

Outdoors Template

7 years ago by Manoela Ilic

menu page-transition shape

Gradient Topography Animation

7 years ago by Manoela Ilic

slideshow svg typography

Decorative Letter Animations

7 years ago by Manoela Ilic

clip-path glitch hover

CSS Glitch Effect

7 years ago by Manoela Ilic

3d particles three.js webgl

3D Particle Explorations

7 years ago by Jack Rugile

Creative SVG Strokes Animation

7 years ago by Alaric Baraou

particles three.js webgl

Decorative WebGL Backgrounds

7 years ago by Louis Hoebregts

morphing slideshow svg

Animated SVG Frame Slideshow

7 years ago by Manoela Ilic

grid page-transition

Expanding Grid Item Animation

7 years ago by Manoela Ilic

css-only preloader

Kylo Ren CSS Page Preloader

7 years ago by Petr Urbánek

menu overlay svg

Dynamic Shape Overlays with SVG

7 years ago by Yoichi Kobayashi

distortion pixi.js slideshow webgl

Liquid Distortion Effects

7 years ago by Yannis Yannakopoulos

clip-path menu slideshow

Sliced Dual Image Layout

7 years ago by Manoela Ilic

hover morphing page-transition svg

Organic SVG Shape Morph Ideas

7 years ago by Manoela Ilic

morphing page-transition svg

Morphing Page Transition

7 years ago by Manoela Ilic

hover link menu

Inspiration for Menu Hover Effects

7 years ago by Manoela Ilic

fragment slideshow

Animated Image Pieces

7 years ago by Manoela Ilic

grid parallax slideshow

CSS Grid Layout Slideshow

7 years ago by Manoela Ilic

hover typography

Letter Effects and Interaction Ideas (Part 2)

7 years ago by Manoela Ilic

clip-path hover morphing shape

Organic Shape Animations with SVG clipPath

7 years ago by Manoela Ilic

hover typography

Letter Effects and Interaction Ideas

7 years ago by Manoela Ilic

morphing tooltip

Playful Little Tooltip Ideas

7 years ago by Manoela Ilic

morphing scroll shape svg

On-Scroll Morphing Background Shapes

8 years ago by Manoela Ilic

« Previous 1 … 7 8 9 10 11 … 16 Next »

All demo authors

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