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

5 months ago by Jorge Toloza

Tagged with

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!

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

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

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

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

Shape Lens Blur Effect with SDFs and WebGL

Model Texture Transition and Procedural Radial Noise using WebGL

Creating an Interactive 3D Bulge Text Effect with React Three Fiber

On-Scroll Revealing WebGL Images

Creating Audio-Reactive Visuals with Dynamic Particles in Three.js

Creating an Interactive Mouse Effect with Instancing in Three.js

3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting

Progressively Enhanced WebGL Lens Refraction

Creating a Bulge Distortion Effect with WebGL

Building a WebGL Carousel with React Three Fiber and GSAP

Mastering Theatre.js Animations: Learn to Create Dynamic Visuals

Turning 3D Models to Voxel Art with Three.js

Cyberpunk inspired Three.js Scene with JavaScript and Blender

Animate a Camera Fly-through on Scroll Using Theatre.js and React Three Fiber

Crafting a Dice Roller with Three.js and Cannon-es

How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP

Sketchy Pencil Effect with Three.js Post-Processing

Conway’s Game Of Life – Cellular Automata and Renderbuffers in Three.js

3D Typing Effects with Three.js

How to Add More Fun to a Game: Extending “The Aviator”

Creating a Risograph Grain Light Effect in Three.js

Pixel Distortion Effect with Three.js

Crafting Scroll Based Animations in Three.js

Creating the Effect of Transparent Glass and Plastic in Three.js