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.

react react-three-fiber scroll three.js webgl

On-Scroll Revealing WebGL Images

1 year ago by Yuri Artiukh

Demos Hub

The Pantone Color of the Year 2025 web design assets that get you ahead of 2025’s web design trends

Shape Lens Blur Effect with SDFs and WebGL

Push Animation on Grid Items

Hover Motion Intro Animation

Model Texture Transition and Procedural Radial Noise using WebGL

Reaction-Diffusion Compute Shader in WebGPU

Blurry Text Reveal on Scroll

Some On-Scroll Text Highlight Animations

Image Stack Entrance Animations

On-Scroll Expanding Image Animation within Typography

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

All demo authors