curtains.js: DOM-Driven WebGL Textured Planes Martin Laxenaire's lightweight WebGL library that converts HTML elements into shader-driven textured planes positioned exactly where your CSS says they should be. Write normal markup, add shaders, skip the coordinate math.
Morgan Motor's Car Configurator Apache's WebGL configurators for Morgan's Supersport and Plus Four run fast on mobile and look sharp on desktop. Wonderland Engine keeps it lightweight. The kind of product viz work worth studying.
The Bartlett Summer Show 2020: 32 Walkable Gallery Rooms Hello Monday built 700 architecture students a gallery that fits in a browser tab. Three.js renders 32 walkable rooms. The seamless jumps between 3D exploration and flat project pages proved something: the browser is a legitimate exhibition space now.
Skatebuilder: A 3D Skateboard Configurator Paint directly onto a 3D skateboard, layer decals, and rotate to inspect your work. Built with React Three Fiber, Skatebuilder handles real-time brush strokes and texture compositing with the kind of polish most product configurators never achieve.
A Windows 98 Portfolio Evan Poliquin's portfolio renders a full Windows 98 desktop inside a three.js scene, with React UI nested via CSS3D and raycasting to translate 3D clicks into 2D interaction. Two versions ship: WebGL with metaballs, or video fallback for lower-spec machines.
Pyramids of Meroë: 3D Archaeology in the Browser with Three.js and WebXR Sudan has more pyramids than Egypt. This scrolling experience from Google Arts & Culture lets you explore them in 3D, drop one into your room via WebXR, and learn why the Kushite Kingdom remains half a mystery.
Game of 3D Life: Conway's Cellular Automaton with WebGPU Conway's Game of Life in three dimensions. Simulation and rendering both run on the GPU via WebGPU compute shaders. No frameworks, just vanilla JS and hundreds of thousands of instanced cubes. Fly through the clusters as they evolve.
Real-Time Naval Combat in the Browser with Rust, WASM, and WebGL Multiplayer warship battles running entirely in WebGL. 43 ships, torpedoes, submarines, aircraft carriers, and a custom Rust-to-WASM engine. No install. Just water and explosions. Open source.
WebGPU Water Simulation: Porting a Piece of Graphics History The 2011 demo that helped inspire Figma gets a WebGPU rewrite. Ripples, caustics, raytraced reflections, and a bobbing sphere, all running on modern GPU APIs. Yong Su's port is a case study in what it takes to cross the WebGL-to-WebGPU bridge.
Gush: Webcam Optical Flow Feedback in WebGL Adam Ferriss takes the Horn-Schunck optical flow algorithm, wraps it in feedback loops, and lets your webcam feed melt into psychedelic color trails. Move your face, click your mouse, watch the pixels remember where you've been.
Gauzilla Pro: Web-Native Gaussian Splatting for 4D Digital Twins A browser-based platform turning drone footage and smartphone video into photorealistic 3D scenes with AI-powered segmentation. Built on an open-source Rust/WASM renderer, no installs required. Construction teams are already using it for as-built documentation.
Crafts of Life: A Three.js Exhibition on East Asian Material Culture The University of Zurich turned ethnographic research into an immersive 3D web experience. Explore how East Asian hunting cultures shaped tools from bone, leather, and plant fiber. Built with Three.js, Vue.js, and Blender. Bilingual. Worth a slow scroll.
spark.js GLTF Demo: Real-Time Texture Transcoding for Faster Asset Delivery A GLTF viewer that ships textures as compact WebP or AVIF, then transcodes them to GPU-compressed formats in the browser. Small downloads, efficient VRAM. Spark.js handles the conversion so you get the best of both worlds.
QuietCubes: A 3D Product Configurator That Actually Sells Office Pods A real-time 3D configurator for soundproof office pods. WebGL handles material swapping, dynamic lighting, and e-commerce integration without breaking a sweat. The kind of project that shows what browser-based 3D looks like when it has to close deals.
Piña-tap: A Disco Star Pulses Over Grass in This Audio-Reactive WebGL Scene A mirrored star hangs from a chain above a grassy field, pulsing to music in real time. Beaucoup Studio's WebGL experiment lets you pick colors and songs. Every track shares one word: beaucoup. Surreal, smooth, and surprisingly hypnotic.
Recycled Records: A WebGL Beat Machine Built on Bottle Plant Samples Coca-Cola's Recycled Records turns factory noise into rhythm. Sequence 16 bars using sounds from an actual recycling plant, watch WebGL particles pulse to your beat, and export video straight from the browser. Built with Tone.js and shipped in five weeks.