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.

blur glsl ogl scroll webgl

Progressive Blur Effect using WebGL with OGL and GLSL Shaders

10 months ago by Jorge Toloza

Demos Hub

WebGL Hackathon (until 8 May): Create your unique Shader to win prizes ranging from $500 to $1000!

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

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

Exploring a 3D Text Distortion Effect With React Three Fiber

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

All demo authors