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.

react react-three-fiber scroll three.js webgl

On-Scroll Revealing WebGL Images

10 months ago by Yuri Artiukh

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

Quokka v2 Deeper Code Insights and Interactive Timeline with New UI

Creating an Interactive 3D Bulge Text Effect with React Three Fiber

Grid Item Reveal Animation on Hover

On-Scroll 3D Stack Motion Effect

Exploring 3D Effects with 2D Optical Illusions

Reflection Scroll Effect

On-Scroll Revealing WebGL Images

On-Scroll Animation Ideas for Sticky Sections

Experimental CSS-Only Carousels with Scroll-Driven Animations

Making CSS View Transitions Easy with Velvette

Experimental On-Scroll Text Animations with SVG Clip-Path

Creating Audio-Reactive Visuals with Dynamic Particles in Three.js

Creating an Interactive Mouse Effect with Instancing in Three.js

On-Scroll Sliced Text Animation

3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting

On-Scroll Shape Morph Animations

Dynamic Tooltip Reveal Animations

Image Layer Animations with Clip-Path

Ideas for Image Motion Trail Animations

Progressively Enhanced WebGL Lens Refraction

Animating Multi-Page Navigations with Browser View Transitions and Astro

Some Ideas for Fullscreen Image Slideshow Animations

Grid Item Hover Effect

Connected Grid Layout Animation

On-Scroll Column & Row Animations

On-Scroll Perspective Grid Animations

Grid Flow Animation

Scroll-Based Layout Animations

Inspiration for Text Block Transitions

On-Scroll SVG Filter Effect

Creating a Bulge Distortion Effect with WebGL

Coding the Sliced Image Hover Effect from Quai Network

Gooey Cursor Effect

On-Scroll Pixelated Image Loading Effect

Recreating the Gradient Mask Hover Effect from Evervault

All demo authors