Three.js - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More (Page 3) | WebGL / WebGPU Community

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

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

Aimee's Papercraft World: A Scroll-Driven Portfolio Built From Folded Paper

A hand-drawn character walks a looping path through a paper world that changes with the seasons. Built with Three.js, Blender, and Krita by baking flat Krita illustrations onto 3D geometry so the cardboard reads as cardboard from any angle. Open source, with a full tutorial.

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

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

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

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

Planet Jumper: A Vibe-Coded Three.js Multiplayer Platformer

Hop around a tiny world with strangers in your browser. Hammy's Planet Jumper is a three.js multiplayer demo with spherical gravity, jump tuning that actually feels right, and a backstory worth noting: it was vibe-coded with OpenAI.

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

Artisans d'Idées: Treats Shadow as a Material

Open Artisans d'Idées and you get a black screen with one instruction: click to illuminate. What follows is a horizontal Three.js journey rendered almost entirely in shadow, with audio coupled to camera state instead of a clock. Built by Paris studio Immersive Garden. Worth opening devtools for.

May 10, 2026

Crystal Words: A Snowflake for Every Word You Type

Type a word. Watch it break into a six-fold ice lattice and hang in the air like a frozen sentence. Crystal Words is a small WebGL piece by Ming Jyun Hung that grows a structurally unique snowflake from whatever you put into the keyboard.

May 9, 2026

Cartier Watches and Wonders by Immersive Garden

Six Three.js alcoves, one per watch. Horizons drift, water laps, mirrors get theatrical. Immersive Garden turned Cartier's Watches and Wonders pavilion into a scrollable digital twin, with hidden gestures in every scene and a Mooders score doing narrative work.

May 6, 2026