Demos

Demos

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 filter hover

Double Image Hover Effects with Clip-Path Animations

2 years ago by Manoela Ilic

Create a Penpot plugin Nov 15-Dec 15 and win cash prizes!

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

Grid View Switch Animation

Ideas for Pixel Page Transitions

Mastering Theatre.js Animations: Learn to Create Dynamic Visuals

Turning 3D Models to Voxel Art with Three.js

Cyberpunk inspired Three.js Scene with JavaScript and Blender

Fullscreen Clip Animation

Double Image Hover Effects with Clip-Path Animations

Some More On-Scroll Typography Animations

Animate a Camera Fly-through on Scroll Using Theatre.js and React Three Fiber

Shuffling Typography Animation

Crafting a Dice Roller with Three.js and Cannon-es

Rotating Twisted 3D Typography with Three.js and Shaders

On-Scroll Typography Animations

Getting Creative with Infinite Loop Scrolling

Sketch 029: Infinite Loop Scrolling (3D Animation)

Sketch 028: Infinite Loop Scrolling (ScaleX and ScaleY Animation)

Sketch 027: Infinite Loop Scrolling (ScaleY and Opacity Animation)

Sketch 026: Infinite Loop Scrolling (Animation)

Sketch 025: Infinite Loop Scrolling (Horizontal)

Sketch 024: Infinite Loop Scrolling

Sketch 023: Background/Theme Picker

How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP

Tooltip to Gallery Transition

Sketchy Pencil Effect with Three.js Post-Processing

Conway’s Game Of Life – Cellular Automata and Renderbuffers in Three.js

Inline Layout Switch Ideas

3D Typing Effects with Three.js

Unreveal Effects for Content Previews

Smooth Panel Scroll Effects

On-Scroll Animation and View Switch

Menu to Grid Layout Animation

3D Perspective Glitch Hover Effect

Custom SVG Cursors with an Interactive Emitter Effect

Fullscreen Scrolling Slideshow

All demo authors