Shaders - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More (Page 2) | WebGL / WebGPU Community

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

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

Susurrus: A Watercolor World Built in Three.js

A spatial web piece by Xianyao Wei. Cream-and-sepia watercolor, motion that drifts like ink in water, a small 3D figure waiting to be nudged. Three.js and Blender geometry over WebGL, with a physics-flavored interaction layer doing most of the storytelling.

May 24, 2026

Noomo's 3D Storytelling Site: A Walk Through Phoenix

Noomo's storytelling site turns five client stories into rooms in a lit hallway, with animation bound to scroll instead of autoplay. Three.js doing the heavy lifting, WebGPU peeking around the corner on sister projects. Worth opening the network tab for.

May 23, 2026

BND Agency: An Agency Portfolio Built as a Showroom

Doan Bao Nam rebuilt the agency portfolio as a showroom you move through, not a page you scroll. Interactive 3D canvases and a custom audio-visual engine share a single frame, holding 60 FPS while sound and geometry run at once. Open devtools and watch how it stays steady.

May 16, 2026

Smooothy: A Slider Built to Sit Under Your WebGL Scene

Federico Valla's Smooothy is a tiny TypeScript slider that exists because every other carousel synced badly with WebGL. Drag through Toast and Fish but no Head while current, target, and parallaxValues tick out in real time, ready to feed your shader uniforms.

May 12, 2026

Semantic Globe: A WebGPU Earth That Understands Plain English

Type a vibe like "somewhere cold and lonely" and watch a 3D Earth pin the answer. The text embeddings and the planet shaders share one GPU in one browser tab, no server in the loop. Joshua Lochner's quiet flex of what WebGPU can do when nobody is looking.

May 11, 2026

Gaussian Splats on a Revit Model in 600 Lines of JavaScript

Michael Beale's gaussian-splats-lmv overlays photoreal XGRIDS captures onto a Revit model inside the APS Viewer. Same camera, same section planes. Three modules, roughly 600 lines of JS, a 65,536-bucket counting sort in a Web Worker, and 32-byte splat records doing the heavy lifting.

Apr 29, 2026

NullGraph: A Data-Oriented WebGPU Rendering Framework

Vikas Kumar Singh's NullGraph drops the scene graph and streams flat ArrayBuffers straight to the GPU. Strange attractors, Hopf fibrations, curl-noise fluids, and a test engine that lets you swap memory layouts mid-flight to watch the frame times move.

Apr 27, 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

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

ChartGPU: WebGPU-Powered Charts That Hold Up at a Million Points

A WebGPU charting library that pans and zooms a million points without blinking. LTTB downsampling runs as a compute shader, hit-testing is GPU-accelerated, and each series ships as a single instanced draw. Line, area, bar, scatter, pie, candlestick. 97% TypeScript, 3% WGSL, MIT-licensed.

Apr 21, 2026

BlueYard: A Two-Color WebGL Atlas by Unseen Studio

Unseen Studio rebuilt BlueYard around Buckminster Fuller, a fluid-simulated orb, and a beautiful color palette. Three.js under the hood, reactive cursor, four thematic zones to scroll through. Worth opening devtools on.

Apr 20, 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