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

12 months ago by Jorge Toloza

Demos Hub

Tagged with

How to Create Interactive, Droplet-like Metaballs with Three.js and GLSL

Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL

Implementing a Dissolve Effect with Shaders and Particles in Three.js

How to Create a WebGL Rotating Image Gallery using OGL and GLSL Shaders

How to Code a Shader Based Reveal Effect with React Three Fiber & GLSL

Creating an ASCII Shader Using OGL

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

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

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

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

Progressive Blur Effect using WebGL with OGL and GLSL Shaders

Reaction-Diffusion Compute Shader in WebGPU

Rotating Twisted 3D Typography with Three.js and Shaders

Create an Abstract Image Slideshow with OGL, GLSL, and GSAP

Master JavaScript animation with GSAP—free access to 34 video lessons, projects, and hands-on demos for all levels.

Magical Marbles in Three.js

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

Creating an Infinite Circular Gallery using WebGL with OGL and GLSL Shaders

Twisted Colorful Spheres with Three.js

Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders

Kinetic Typography with Three.js

Create a Wave Motion Effect on an Image with Three.js

Learn to build web apps with Next.js, the world's most popular full-stack framework, in this course on Scrimba.

Scroll, Refraction and Shader Effects in Three.js and React

How to Create Motion Hover Effects with Image Distortions using Three.js

How to Build an Underwater-Style Navigation Using PixiJS

Text Distortion Effects using Blotter.js