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.
FLAKE: Distance-Driven Pattern Generation With Custom Shapes FLAKE uses distance-from-center to control scale, color, and rotation across a grid of shapes. Use images as masks. Export to vector or video.
Laser Drift: A Synthwave Arcade Shooter Built in Three.js Lowpoly spacecraft, neon grids, and custom shaders combine in this browser-based arcade game. Gesture controls on mobile, no UI clutter, and a commitment to retro aesthetics that goes deeper than a bloom filter.
The Spark: A Scroll-Driven WebGL Story That Runs Like a Short Film A spark escapes into a city built to contain it. Scroll to push the story forward. cables.gl handles the 3D, Webflow stitches the UI, and the audio reacts to how fast you move. Projection mapping, CRT post-processing, and tight character animation make it feel like a game cutscene.
NGL Viewer: WebGL Molecular Graphics That Scales to Millions of Atoms A WebGL viewer that renders proteins, DNA, and virus capsids with millions of atoms, smoothly, on desktop or phone. Hyperball shaders, MMTF parsing, and a selection language that actually works.
Deferred Rendering in WebGPU: Sponza with 400+ Compute-Driven Point Lights Georgi Nikolov's WebGPU renderer puts 400+ point lights in the classic Sponza atrium. Deferred shading, cascaded shadows, Hi-Z reflections, TAA. Clean architecture that handles WebGPU's explicit pipelines without drama.
Studio Lumio: A Monochrome Portfolio A designer-developer duo's portfolio that knows when to stop. Smooth GSAP transitions, cursor-reactive layouts, and shaders that punctuate rather than shout. Next.js, Lenis, Zustand, and an open-source hooks repo worth bookmarking.
Sector 32: A Three.js Portfolio Dense With Sci-Fi Detail Piet Dewijngaert's portfolio is pure visual spectacle. Chrome skulls, laser beams, and a "prove you're human" gate set the tone. The tech stack evolved from vanilla JS to Svelte to Three.js with R3F. Every corner packed with interactive details, somehow still performant.
Orage Studio: A Modular WebGL Grid That Feels Like a Visual Operating System Orage's homepage runs on a custom WebGL canvas-masking engine. Shader-driven tiles flicker and sync like data packets, the menu is drag-and-drop, and the whole thing boots like a terminal. Built by Beaucoup with Three.js, GSAP, and a deep commitment to the retro-tech aesthetic.
McLaren F1 Driver Lando Norris Official Website F1 driver Lando Norris gets a digital home that matches his energy. 3D helmet rotations, Rive animations, and scroll-driven cinematics, all running smooth in Webflow. Awwwards Site of the Month.
Aurelia: Fully Procedural Jellyfish with WebGPU A real-time procedural jellyfish built with Three.js WebGPURenderer. Bell contractions, verlet tentacles, and iridescent shaders are all generated on the fly in TSL. No baked textures, just pure GPU compute.
Lusion: Real-Time 3D Wizardry Lusion is a Bristol-based creative studio pushing real-time graphics in the browser. Think generative animations, cloth sims, and Houdini-baked vertex magic running on Three.js.
Addictive Egg Hunt Game Merci-Michel's MSI Egg Hunt is a timing-based browser game where you dash between rocks and collect golden eggs. Simple premise, polished execution. Built with Three.js and WebGL, it won Awwwards Site of the Day in 2023. Give it a spin and check out how the Paris studio nailed the feel.
WebGL Fluid Simulation by Pavel Dobryakov A GPU-powered Navier-Stokes fluid solver running entirely in the browser. Swipe to create swirling, colorful flows with bloom effects, vorticity controls, and real-time interactivity. Works on mobile too.
The Globe of Economic Complexity: Visualizing $15 Trillion in World Trade Harvard's WebGL experiment animates 153,000 particles to map global exports. Each dot = $100M. Built with Three.js, it's a masterclass in data viz that's begging for a modern remake with up-to-date capabilities and data.
Active Theory Portfolio Active Theory's portfolio site is a technical flex: real-time particles, AI-powered navigation, and immersive 3D environments built on their custom Hydra framework. Twelve years of pushing browsers to their limits, and it shows.