TSL (Three Shading Language) - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

Evian's Bicentennial WebGPU World, Where Rain Runs Downhill

Evian's 200th turned into an alpine scene that hands everything to the GPU: rain that lands on peaks and streaks down the slopes, one wind texture every object obeys, lightning generated fresh on each strike, and 20,000 particles colliding against an SDF instead of meshes.

Jun 12, 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

GPU-Side Physics: A Three.js WebGPU Compute Demo

Thousands of instanced bodies tumble and collide, with the entire physics step running on the GPU through WebGPU compute and Three.js TSL. No CPU round trip, no framerate flinch. A clean little workbench from Kevin Levron, built to inspect, tweak, and learn from.

Jun 7, 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

Dev From 2047: A WebGPU Portfolio Experiment in Vue and TSL

A shelved WebGPU portfolio experiment from LUCERRÁ. Vue and Theatre.js sequence the camera, TSL handles shader transitions, and the whole thing reads as choreography rather than layout. The version that did not ship, which is usually where the more interesting code lives.

Apr 25, 2026

IVRESS by Utsubo: A WebGPU Story That Refuses Light

A lone traveler in a world that refuses light. Built on Three.js's WebGPURenderer with a WebGL fallback and TSL shaders running on both backends. Utsubo's brand site for IVRESS reads like a short film, and the CTO behind it maintains the WebGPU side of three.js itself.

Apr 23, 2026

Patina Preview: Real-Time Procedural Weathering in Three.js and TSL

A small procedural PBR playground by codetaur where metal ages in real time. Oxidation pools in the cavities, highlights dull from mirror to milk, and the whole surface rewrites itself through a Three.js TSL node graph running on WebGPU.

Apr 19, 2026

Shader.se: An 80s Corporate Tape Rendered in WebGPU

A Swedish studio's landing page done up like a 1987 training reel, with chunky type and confident geometry giving way to scene transitions that only make sense on a modern GPU. Built with Three.js on WebGPU and shaded with TSL.

Apr 12, 2026

False Earth: A GPU-Driven Procedural Planet Built with WebGPU, TSL, and Three.js

An astronaut walks an alien planet that responds to every step. Over 1M grass blades, procedural terrain, and VAT-animated roses, all running in the browser via WebGPU compute shaders, TSL, and React Three Fiber.

Mar 28, 2026

Vermeer's Milkmaid Dissolved into WebGPU Particles

Revelium Studio broke Vermeer's 1658 Milkmaid into thousands of GPU-driven particles using WebGPU and Three.js TSL. Color-sampled from the original painting, the result is a particle cloud that somehow still holds the composition together. Worth a long stare.

Mar 16, 2026

Softbody Tetris: A Squishy WebGPU Remake That Plays Different

Niklas Niehus rebuilt Tetris with soft body physics running entirely on WebGPU via Three.js TSL. Blocks deform on impact, wedge into gaps, and create emergent gameplay the original never had. Fully playable in your browser.

Mar 13, 2026

Aurelia: Fully Procedural Jellyfish with WebGPU

A real-time procedural jellyfish built with Three.js WebGPURenderer. Bell contractions, verlet tentacles, and iridescent shaders are all generated on the fly in TSL. No baked textures, just pure GPU compute.

Jan 8, 2026

Utsubo

Utsubo’s new site drops you into a slick WebGPU-powered experience featuring a real-time cheetah, custom shaders, and gorgeous transitions. Built with Three.js’s WebGPURenderer, it’s part portfolio, part tech flex and absolutely worth a few replays.

Dec 16, 2025

Prinzipiell Tinker Series

Frank Reitberger’s Tinker series is a collection of WebGL and WebGPU experiments exploring procedural geometry, modular shaders, and real-time rendering in the browser. Each project builds on the last, offering sharp techniques and inspiration for anyone working with Three.js or TSL.

Dec 6, 2025

Singularity: A Black Hole Simulation

A fully raymarched black hole in your browser (glowing accretion disk, gravitational lensing, radiation noise) all built with Three.js, TSL, and WebGPU. No geometry, just math. A cosmic shader experiment pushing real-time web graphics to the edge.

Dec 2, 2025