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.

3d dialog draggable elastic polaroid

Playful Interaction for Draggable Elements

10 years ago by Manoela Ilic

Demos Hub

WebGL Hackathon (until 8 May): Create your unique Shader to win prizes ranging from $500 to $1000!

Seamlessly export your designs to Wix Studio—and take them further.

Animating an SVG Menu Icon with Segment

Interactive Room Display

Rain & Water Effect Experiments

Effect Ideas for Card Stacks

Mobile “Pull to Share” Interaction Experiment

Page Stack Navigation

Effect Ideas for Image Grids

Shaded Progress Bars: A CSS/Sass Exercise

Elastic Progress

How to Create a Fullscreen Video Opening Animation

Styling & Customizing File Inputs the Smart Way

Creating Material Design Ripple Effects with SVG

Playful Interaction for Draggable Elements

Zoom Slider

Card Expansion Effect with SVG clipPath

Filterable Product Grid

Color Extraction Effect

Image Tilt Effect

Product Comparison Layout & Effect

Inspiration for Text Styles and Hover Effects

Photography Website Concept

Interactive Drag and Drop Coloring Concept

Grid Item Animation Layout

Motion Blur Effect with SVG

Prism Effect Slider with Canvas

Creating a “Jump Loader” Animation with SVG and GSAP

Some More Inspiration for Text Input Effects

Creative Gooey Effects

Playful Trampoline Effect

Inspiration for Button Styles and Effects

How to Create (Animated) Text Fills

Subtle Click Feedback Effects

Some Ideas for Checkout Effects

Inspiration for Text Input Effects