Post-processing - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

ASTRODITHER Turns Audio Into WebGPU Signal Noise

Robert Borghesi’s ASTRODITHER is an audio-reactive Three.js WebGPU experiment using TSL, fluid simulation, bloom, dithering, and time-warped signal noise.

Jul 1, 2026

A Project Gallery That Bends Like Film

A row of project cards behaves like a strip of film you can scroll, flex, and shove around with your cursor. Built in Three.js with hand-written GLSL, where scroll velocity drives a vertex-shader bend and a post-process pass adds the grainy, almost celluloid edge shimmer.

Jun 13, 2026

Real-Time Global Illumination in the Browser With SATORI Engine

A WebGPU renderer where light actually bounces. Color bleeds across walls, reflections fade off the frame, and the sun slides overhead while exposure holds steady. Built on TSL nodes with a single MRT pass feeding screen-space GI and reflections. Open the GUI and break something.

Jun 10, 2026

A 9k Forest: Node-Based 3D Assets in WebGPU

Sedon wires a node graph into a real-time WebGPU renderer to grow a whole forest from about 9k of data. Rayleigh skies, rippling water, runtime LOD terrain, and a saved scene that fits in a URL. The twist: nearly every shader and pipeline was vibe coded, no engine involved.

Jun 9, 2026

Shader Lab: Stack, Animate, and Export GPU Shaders in the Browser

A layered shader compositor that runs on WebGPU. Stack gradients, text, and TSL passes, then bend them through a CRT layer that models phosphor smear and channel convergence. Write shaders as node graphs, keyframe the knobs, and export the whole thing into React.

Jun 4, 2026

Inside Alquimia's Virtual Apothecary

A glowing ancestral artifact floats in a dim room, and you unlock it one waypoint at a time. Five WebGL canvases, a chord that assembles note by note, and a clever trick: the main scene drops its pixel ratio and post-FX the second a sub-view steals focus.

May 31, 2026

PipeMagic: A WebGPU Node Editor for Image Pipelines

A node editor for image pipelines that runs entirely in the browser. Wire up background removal, depth estimation, JFA outlines, and 2x upscale, watch WebGPU do the work, then export the graph as JSON and drop the same logic into your app in roughly 180 lines.

May 26, 2026

Flight Path: 30,000 GPU-Instanced Flights on a Photorealistic Earth

Yong Su's Three.js demo spins a photorealistic Earth and threads up to 30,000 planes along dashed parabolas between cities. Every plane lives in one instanced mesh, with shaders handling the per-frame math. Scrub the UTC slider and watch the terminator crawl across the Pacific.

Apr 22, 2026

Hydra: A Livecoded Video Synth Built on WebGL Framebuffers

Olivia Jack's Hydra turns the browser into a modular video synth. Chain oscillators, kaleidoscopes, and webcam feeds into recursive GLSL patches, then pipe the output to another browser over WebRTC. Type a function, hit Ctrl+Enter, watch the pixels misbehave.

Apr 7, 2026

Motion GPU: A Minimal WebGPU Framework Shaders and Multi-Pass Pipelines

Motion GPU strips WebGPU down to fullscreen shaders, multi-pass pipelines, and frame scheduling. Nothing else. DAG-based scheduler, composable render graph, and ping-pong slots.

Mar 17, 2026

WebRF: The Longley-Rice Radio Propagation Model, Running in WebGPU Compute Shaders

Roman Liutikov ported the Longley-Rice ITM algorithm, a real-world radio propagation model used in cell network planning, entirely into WebGPU compute shaders. 1,200 lines of WGSL, a two-pass radial sweep architecture, and coverage maps that actually respect terrain.

Mar 4, 2026

Gemini: A WebGL Car Demo That Shifts Between Motion and Style

Lusion's Gemini renders one car through two visual modes in Three.js. Hold to trigger slow motion and watch the shading, reflections, and post-processing reveal themselves. Restrained, cinematic, and quietly impressive.

Mar 2, 2026

curtains.js: DOM-Driven WebGL Textured Planes

Martin Laxenaire's lightweight WebGL library that converts HTML elements into shader-driven textured planes positioned exactly where your CSS says they should be. Write normal markup, add shaders, skip the coordinate math.

Feb 10, 2026

Game of 3D Life: Conway's Cellular Automaton with WebGPU

Conway's Game of Life in three dimensions. Simulation and rendering both run on the GPU via WebGPU compute shaders. No frameworks, just vanilla JS and hundreds of thousands of instanced cubes. Fly through the clusters as they evolve.

Jan 31, 2026

Laser Drift: A Synthwave Arcade Shooter Built in Three.js

Lowpoly spacecraft, neon grids, and custom shaders combine in this browser-based arcade game. Gesture controls on mobile, no UI clutter, and a commitment to retro aesthetics that goes deeper than a bloom filter.

Jan 16, 2026

The Spark: A Scroll-Driven WebGL Story That Runs Like a Short Film

A spark escapes into a city built to contain it. Scroll to push the story forward. cables.gl handles the 3D, Webflow stitches the UI, and the audio reacts to how fast you move. Projection mapping, CRT post-processing, and tight character animation make it feel like a game cutscene.

Jan 15, 2026