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

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

Botanics: A Three.js Plant Study

Plantlike forms in a browser tab, no loops or cheap wiggle in sight. Sujen Phea's Three.js scene leans on instancing, careful shaders, and a scene budget that stays out of its own way. Open it, let it run, and see how long before you remember to close it.

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

Justine Soulié's Portfolio: A WebGL Site Where Illustrations Are the Interface

Every illustration on Justine Soulié's portfolio is a live WebGL scene with its own micro-interactions. Built by Patrick Heng using OGL, scroll physics, and custom shaders, the canvas isn't decoration. It is the UI.

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

Find Your Way to Oz: The 2013 Chrome Experiment

UNIT9 built a full Kansas carnival in WebGL for Disney, then destroyed it with a tornado shader borrowed from neuroscience. No physics engine. No framework. Just clever faking, spatial audio, and a three-month deadline. The source is open.

Apr 2, 2026

Pixel Vault: An Immersive Creative Marketplace from 2047

Pixel Vault drops you into a WebGL-rendered creative marketplace set in 2047. Bold geometry, fluid motion, and an interface that is the 3D layer, not decorated by it. Built by Karan Chouhan and Harshit Kumar Sahu, it's part storefront, part environment, and entirely worth exploring.

Apr 1, 2026