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.

blur glsl ogl scroll webgl

Progressive Blur Effect using WebGL with OGL and GLSL Shaders

4 months ago by Jorge Toloza

Meco is a new way to read newsletters separate from your inbox

How to Create an Organic Text Distortion Effect with Infinite Scrolling

Interactive 3D with Three.js BatchedMesh and WebGPURenderer

Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js

Staggered (3D) Grid Animations with Scroll-Triggered Effects

Exploring Playful Context-Aware Animations for Fixed Elements

Exploration of On-Scroll Layout Formations

How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber

Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders

Scroll-based SVG Filter Animations on Text

Interactive 3D Device Showcase with Threepipe

Origami: 12 Free Animated 3D Objects

How to Create Distortion and Grain Effects on Scroll with Shaders in Three.js

How to Create a Liquid Raymarching Scene Using Three.js Shading Language

Creating an Animated Displaced Sphere with a Custom Three.js Material

Progressive Blur Effect using WebGL with OGL and GLSL Shaders

Digital meets Physical: Risograph Printing with WebGL

Creating a Glowing Text Marquee Animation

Hover Animations for Terminal-like Typography

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

All demo authors