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!

Interactive 3D Mall Map

9 years ago by Manoela Ilic

filter sass svg

Animated Animals in CSS and SVG

9 years ago by David Khourshid

audio instrument svg

How to Create an Interactive Animated SVG Drum Kit

9 years ago by Josh Ellis

loader preloader spinner

Spring Loaders with Rebound and Canvas

9 years ago by Claudio Calautti

Creative SVG Letter Animations

9 years ago by Luis Goncalves

Icon Animations Powered by mo.js

9 years ago by Manoela Ilic

grid polaroid stack

Polaroid Stack to Grid Intro Animation

9 years ago by Manoela Ilic

elastic slideshow

Elastic Circle Slideshow

9 years ago by Manoela Ilic

Cinema Seat Preview Experiment

9 years ago by Manoela Ilic

Inspiration for Line Menu Styles

9 years ago by Manoela Ilic

canvas map scroll svg

Animated Map Path for Interactive Storytelling

9 years ago by Lucas Bebber

button morphing snap.svg

Shazam-Like Morphing Button Effect

9 years ago by Manoela Ilic

hover pricing-table

Some Inspiration for Pricing Tables

9 years ago by Manoela Ilic

Multi-Level Menu

9 years ago by Manoela Ilic

button menu svg

Animating an SVG Menu Icon with Segment

9 years ago by Luis Goncalves

3d product slideshow

Interactive Room Display

9 years ago by Manoela Ilic

canvas rain webgl

Rain & Water Effect Experiments

9 years ago by Lucas Bebber

Effect Ideas for Card Stacks

9 years ago by Manoela Ilic

Mobile “Pull to Share” Interaction Experiment

9 years ago by Manoela Ilic

menu navigation

Page Stack Navigation

9 years ago by Manoela Ilic

grid page-transition

Effect Ideas for Image Grids

9 years ago by Manoela Ilic

3d progress sass

Shaded Progress Bars: A CSS/Sass Exercise

9 years ago by Rafael González

button elastic progress svg

Elastic Progress

9 years ago by Lucas Bebber

How to Create a Fullscreen Video Opening Animation

9 years ago by Manoela Ilic

button file form input

Styling & Customizing File Inputs the Smart Way

9 years ago by Osvaldas Valutis

button material-design svg

Creating Material Design Ripple Effects with SVG

9 years ago by Dennis Gaebel

3d dialog draggable elastic polaroid

Playful Interaction for Draggable Elements

9 years ago by Manoela Ilic

page-transition slider slideshow zoom

Zoom Slider

9 years ago by Manoela Ilic

clip-path grid page-transition svg

Card Expansion Effect with SVG clipPath

9 years ago by Claudio Calautti

flickity grid shopping-cart

Filterable Product Grid

9 years ago by Manoela Ilic

color filter slideshow svg

Color Extraction Effect

9 years ago by Manoela Ilic

Image Tilt Effect

9 years ago by Manoela Ilic

grid shopping-cart

Product Comparison Layout & Effect

10 years ago by Manoela Ilic

hover link typography

Inspiration for Text Styles and Hover Effects

10 years ago by Manoela Ilic

« Previous 1 … 9 10 11 12 13 … 16 Next »

All demo authors

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