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

Zenith Observation Studio: An Observatory You Visit Instead of Read

A WebGL site that treats deep space as a place, not a pitch. Stars hold steady, depth stacks behind depth, and lighting carries the identity that copy usually does. Tiny on text, enormous on atmosphere. Open it on a big screen and look before you click.

Jun 8, 2026

SnookerSim: Snooker With Physics You Can Measure

A 3D snooker table you can just walk up to and play. Side spin curls the cue ball off the cushion, deep screw draws it back, and a cage-and-jaw view shows exactly why your ball rattled out. Physics in plain TypeScript, no off-the-shelf engine. Shareable positions, MP4 capture, real recorded sound.

Jun 6, 2026

Walking Inside a DeepSDF Latent Space, in the Browser

Click a dot in the UMAP atlas and a chair resolves from a 256-dim code. Drag a slider and watch it melt into a lamp, meshed live from a neural signed distance function at 64³ or 128³. DeepSDF latent spaces you can actually walk around in. Three.js, WebGL, no download.

Jun 3, 2026

GRAIR: A Luxury Jewelry Site That Refuses to Sell You Anything

A jewelry concept with no grid, no cart, no product shots. Just a slow descent through purple shadow toward one diamond, built in Three.js and Blender where lighting does the work geometry usually does. Scroll becomes a camera. Mood becomes the interface.

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

Sporenkijker: A Live 3D Map of Flanders' Busiest Train Stations

A live digital twin of Belgium's ten busiest train stations, with accurate rail geometry and real-time arrivals rendered in a calm mech-tech style. Built by Guy Van Raemdonck at Studio Haedin.

May 27, 2026

Vertex3D: Navigating a WebGL Portfolio With Your Head and Hands

Vertex3D studio portfolio runs PlayCanvas under Webflow, with webcam-driven head and hand tracking instead of a mouse. Tilt to pan, pinch your index and middle fingers to swipe through digital twins, luxury real estate showrooms, and offshore rigs, all rendered in-browser.

May 25, 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

Google Introduces HTML-in-Canvas API: Accessible UI Meets WebGL / WebGPU

At Google I/O 2026, Chrome engineer Thomas Nattestad unveiled the HTML-in-Canvas API, which is a new web platform feature that lets developers render HTML elements directly into canvas, WebGL, and WebGPU contexts while preserving accessibility and interactivity.

May 23, 2026

Track: A Scroll-Paced WebGL Run by Hiroto Sato

Scroll the page and an athlete runs forward. Stopwatch climbing, meters racking up, quotes from sports icons surfacing as you earn them. Hiroto Sato's TRACK pairs WebGL with GSAP and paces its reveals to distance instead of viewport position.

May 22, 2026

Elimar: A Lost Van Gogh, Rendered in Particles

OddCommon's hour-long scrollytelling for LMI Group renders Vincent van Gogh as a cloud of black and white motes that scatter on approach and reform at distance. One particle system in many disguises, wrapped around four years of forensic art authentication.

May 21, 2026

WanderJaunt: ThoughtLab's Scroll-Driven Travelogue

Tiny 3D characters haul luggage past pools and palm trees while you scroll. ThoughtLab built a real-time WebGL animation system for WanderJaunt's flagship site, then shipped it after the client folded. Worth a slow scroll and a peek under the canvas.

May 20, 2026

SuperSplat: Editing 3D Gaussian Splats in the Browser

A few million ellipsoids that snap into a photoreal coffee shop, an ant, the Moon. SuperSplat is a browser-based editor for cleaning up 3D Gaussian splats, with GPU-accelerated selection, unlimited undo, and a streamed LOD format for massive scenes. Open source, nothing to install.

May 19, 2026

Above the Clouds: A 3D Burj Khalifa Built on Gaussian Splats

A scroll-driven 3D concept site for the world's tallest tower, set during Dubai's rare fog season. The volumetric haze isn't faked; it's real Gaussian splat data running real-time in three.js, splats and polygons sharing one frame. Built solo in about six weeks.

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