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.

clip-path hover morphing shape

Organic Shape Animations with SVG clipPath

8 years ago by Manoela Ilic

Demos Hub

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

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

CSS Glitch Effect

3D Particle Explorations

Creative SVG Strokes Animation

Decorative WebGL Backgrounds

Animated SVG Frame Slideshow

Expanding Grid Item Animation

Kylo Ren CSS Page Preloader

Dynamic Shape Overlays with SVG

Liquid Distortion Effects

Sliced Dual Image Layout

Organic SVG Shape Morph Ideas

Morphing Page Transition

Inspiration for Menu Hover Effects

Animated Image Pieces

CSS Grid Layout Slideshow

Letter Effects and Interaction Ideas (Part 2)

Organic Shape Animations with SVG clipPath

Letter Effects and Interaction Ideas

Playful Little Tooltip Ideas

On-Scroll Morphing Background Shapes

Folder Preview Ideas

Infinite Tubes with Three.js

WebGL Scroll Spiral

Developer/Designer Page Layout Concept

Inspiration for Grid Loading Animations

Experimental 3D Room Exhibition Layout

Expanding Bar Navigation Concept

Stack Motion Hover Effects

First Person Sunglasses Try-On Experiment

Inspiration for Search UI Effects

Little Fragments: Creating a Simple Image Poster Effect

Mirror Effect

Block Reveal Effects

Interactive Musical Instruments