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

Formula Turns an F1 Model Kit Into a Drivable WebGL Toy

Patrick Heintzmann’s Formula starts as a tabletop model kit, then lets you switch modes and drive the tiny F1 machine around the browser with WASD or arrow keys.

Jun 28, 2026

Where Worlds Take Shape Makes a Portfolio Playable

Jérôme Reynet turns a portfolio into a playable WebGL world, with procedural grass, mini-games, gamepad controls, and project discovery that behaves more like exploration than navigation.

Jun 26, 2026

Totem.earth Turns a Web3 Landing Page Into a WebGL Ritual Object

OFF+BRAND’s Totem.earth wraps a Web3 ecosystem in smoke, light, and a draggable Three.js object that does most of the branding before the copy gets a turn.

Jun 24, 2026

A React Three Fiber Portfolio That's Fluid

Scroll and the work sloshes. Toggle and a carousel snaps into an alphabetized grid, the whole 3D scene graph rearranging while the DOM shadows it underneath. Maxi Ruti built it in React Three Fiber and wired reduced-motion in from the start, so the ambition ships without the spinner.

Jun 19, 2026

Still Night: Play Van Gogh's Starry Night as a WebGL Instrument

Van Gogh's Starry Night, rebuilt as a point cloud you can play. Touch a bright swirl and it answers high; the dark hills drop low. Brushstrokes drift along Van Gogh's own paths, and five regions form a Tone.js orchestra. You play the painting to make the music.

Jun 18, 2026

A Brewery Hero Section You Can Push Around

A landing page for a brewery that doesn't exist, built so you can shove it around. Real physics rides under the hero: objects with weight that jostle, settle, and won't sit still. A percent counter loads the whole scene before the first frame. The demo is its own documentation.

Jun 17, 2026

Flight 12: A Starship Launch in WebGL

Scroll down and a 124-meter Starship lights its engines beneath you, then flies its whole profile in real time. A scroll-scrubbed Three.js timeline that holds a steady frame the entire way down. Pop the 3D view and orbit it yourself.

Jun 14, 2026

A Portfolio You Walk Through: Hot Dogtor's WebGPU Building

Paulo Pinho built his portfolio as a 3D building you wander room by room, scored by his own music. Runs on three.js WebGPU, falls back to WebGL, and ships a Basic version for everyone else. One site, three fidelity tiers, no pretending everyone's on a 4090.

Jun 11, 2026

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

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