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.

From our sponsor

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

hover map tooltip

Simple Interactive Points Effect

9 years ago by Manoela Ilic

grid morphing slideshow svg

Item Reveal Animations with SVG

9 years ago by Manoela Ilic

audio grid lp record-player svg web-audio-api

Interactive Record Player

9 years ago by Manoela Ilic

overlay page-transition

Multi-Layer Page Reveal Effects

9 years ago by Manoela Ilic

3d grid isometric masonry

Isometric and 3D Grids

9 years ago by Manoela Ilic

button distortion filter svg

Distorted Button Effects with SVG Filters

9 years ago by Adrien Denat

distortion svg webgl

Animated Heat Distortion Effects with WebGL

9 years ago by Lucas Bebber

3d game three.js webgl

The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js

9 years ago by Karim Maaloul

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

10 years ago by Lucas Bebber

How to Create a Fullscreen Video Opening Animation

10 years ago by Manoela Ilic

button file form input

Styling & Customizing File Inputs the Smart Way

10 years ago by Osvaldas Valutis

button material-design svg

Creating Material Design Ripple Effects with SVG

10 years ago by Dennis Gaebel

3d dialog draggable elastic polaroid

Playful Interaction for Draggable Elements

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.