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.

distortion filter hover page-transition typography

Lines to Content Layout Animation

3 years ago by Manoela Ilic

Demos Hub

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

Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin

On-Scroll Text Repetition Animation

Sketch 022: SVG Path Page Transition (Horizontal)

Sketch 021: SVG Path Page Transition (Vertical)

Sketch 020: Image Motion Effect with SVG Filter

Sketch 019: Image Motion Effect with SVG Filter

Sketch 018: Custom Cursor (two circles with filter and delays)

Sketch 017: Custom Cursor (stroke circle with filter effect)

Sketch 016: Custom Cursor (filled circle with filter effect)

Sketch 015: Custom Cursor (multiple circles with filter effect)

Sketch 014: Custom Cursor (filter effect and delayed motion)

Sketch 013: Custom Cursor (two circles with filter effect)

Sketch 012: Custom Cursor (two circles, one filled)

Sketch 011: Custom Cursor (One Circle)

Lines to Content Layout Animation

Letter Shuffle Animation for a Menu

Expanding Rounded Menu Animation

Sketch 010: Image Motion Trail (Perspective)

Sketch 009: Image Motion Trail (Perspective)

Sketch 008: Image Motion Trail (Circle)

Sketch 007: Image Motion Trail (Rotation)

Sketch 006: Image Motion Trail (Semi-transparent)

Sketch 005: Image Motion Trail (Opaque)

Creating a Risograph Grain Light Effect in Three.js

Creating Native Web Components

Hover Preview Effect with Mini Map

Sketch 004: Repetition Hover Effect (Filter)

Sketch 003: Repetition Hover Effect (Rotated)

Sketch 002: Repetition Hover Effect (Square)

Sketch 001: Repetition Hover Effect (Round)

Repetition Image Hover Effects

Background Shift Animation with CSS Blend Modes

Pixel Distortion Effect with Three.js

Crafting Scroll Based Animations in Three.js

Alternate Column Scroll Animation

All demo authors