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.

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

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

Ideas for Grid to Slideshow Switch Animations

Building a WebGL Carousel with React Three Fiber and GSAP

Image Tiles Menu Animation

All demo authors