Demos

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

svg×

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.

morphing scroll shape svg

On-Scroll Morphing Background Shapes

8 years ago by Manoela Ilic

first-person overlay page-transition sunglasses svg try-on

First Person Sunglasses Try-On Experiment

8 years ago by Manoela Ilic

audio instrument svg web-audio-api

Interactive Musical Instruments

8 years ago by Manoela Ilic

Surf Report Template

8 years ago by Manoela Ilic

Fancy SVG Letter Animation

8 years ago by Manoela Ilic

grid morphing slideshow svg

Item Reveal Animations with SVG

8 years ago by Manoela Ilic

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

Interactive Record Player

8 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

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

Creative SVG Letter Animations

9 years ago by Luis Goncalves

Icon Animations Powered by mo.js

9 years ago by Manoela Ilic

canvas map scroll svg

Animated Map Path for Interactive Storytelling

9 years ago by Lucas Bebber

button menu svg

Animating an SVG Menu Icon with Segment

9 years ago by Luis Goncalves

button elastic progress svg

Elastic Progress

9 years ago by Lucas Bebber

button material-design svg

Creating Material Design Ripple Effects with SVG

9 years ago by Dennis Gaebel

clip-path grid page-transition svg

Card Expansion Effect with SVG clipPath

9 years ago by Claudio Calautti

color filter slideshow svg

Color Extraction Effect

9 years ago by Manoela Ilic

color draggable svg

Interactive Drag and Drop Coloring Concept

10 years ago by Manoela Ilic

blur filter menu modal slider svg

Motion Blur Effect with SVG

10 years ago by Lucas Bebber

canvas slider slideshow svg

Prism Effect Slider with Canvas

10 years ago by Claudio Calautti

gooey infinite loader preloader svg

Creating a “Jump Loader” Animation with SVG and GSAP

10 years ago by Chris Gannon

filter gooey menu svg

Creative Gooey Effects

10 years ago by Lucas Bebber

draggable elastic slideshow stack svg

Playful Trampoline Effect

10 years ago by Manoela Ilic

How to Create (Animated) Text Fills

10 years ago by yoksel

button gooey svg

Subtle Click Feedback Effects

10 years ago by Manoela Ilic

button draggable elastic form input menu morphing svg

Elastic SVG Elements

10 years ago by Manoela Ilic

dialog modal svg

Inspiration for Dialog Effects

10 years ago by Manoela Ilic

elastic slideshow svg

Wobbly Slideshow Effect

10 years ago by Manoela Ilic

hover svg tooltip

Tooltip Styles Inspiration

10 years ago by Manoela Ilic

Off-Canvas Menu Effects

Off-Canvas Menu Effects

10 years ago by Manoela Ilic

Tab Styles Inspiration

10 years ago by Manoela Ilic

« Previous 1 2 3 Next »