Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results2
20 results for “Three.js”.
- Showcase
Botanics: A Three.js Plant Study
Plantlike forms in a browser tab, no loops or cheap wiggle in sight. Sujen Phea's Three.js scene leans on instancing, careful shaders, and a scene budget that stays out of its own way. Open it, let it run, and see how long before you remember to close it.
- Showcase
False Earth: A GPU-Driven Procedural Planet Built with WebGPU, TSL, and Three.js
An astronaut walks an alien planet that responds to every step. Over 1M grass blades, procedural terrain, and VAT-animated roses, all running in the browser via WebGPU compute shaders, TSL, and React Three Fiber.
- Showcase
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.
- Showcase
Particles Cursor Turns Images Into a Shader Field
Gabriel Villanueva’s Three.js experiment turns images into particle grids that react to cursor movement through GLSL displacement, texture color, and real-time controls.
- Showcase
Vermeer's Milkmaid Dissolved into WebGPU Particles
Revelium Studio broke Vermeer's 1658 Milkmaid into thousands of GPU-driven particles using WebGPU and Three.js TSL. Color-sampled from the original painting, the result is a particle cloud that somehow still holds the composition together. Worth a long stare.
- Showcase
BlueYard: A Two-Color WebGL Atlas by Unseen Studio
Unseen Studio rebuilt BlueYard around Buckminster Fuller, a fluid-simulated orb, and a beautiful color palette. Three.js under the hood, reactive cursor, four thematic zones to scroll through. Worth opening devtools on.
- Showcase
OFFFICE: A Furniture Studio Portfolio Built on Restraint and WebGL
A two-color WebGL portfolio for an Italian-Swiss design studio. 3D furniture models rotate in stark black and white, with seamless page transitions that pull you into dedicated model viewers. Built by Federico Valla using Three.js and Blender.
- Showcase
Penderecki's Garden: A Point-Cloud Memorial Built Using Photogrammetry
Huncwot turned billions of drone-captured particles into a navigable WebGL garden for composer Krzysztof Penderecki. Custom GLSL shaders breathe with the music. Fully keyboard-accessible. One of the most ambitious Three.js projects we've seen.
- Showcase
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.
- Showcase
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.
- Showcase
DRIFT: A Million Particles, a Lost Astronaut, and AI-Generated Loneliness
A lost astronaut records his diary in your browser. Over a million GPGPU particles shift with his mental state while AI generates fresh text and voice each visit. Ming Jyun Hung built something that feels alive and a little heartbreaking.
- Showcase
Igloo Inc: Crystal Growth Algorithms, Shader-Driven UI, and Volume Data
Abeto built the Igloo Inc site entirely in WebGL, from procedurally grown ice crystals to shader-driven UI text. The particle footer alone, powered by custom VDB-to-browser volume data, is worth the scroll.
- Showcase
Galaxy Sim: Real-Time N-Body Galaxy Formation in WebGL
Watch 20,000 particles collapse from random gas clouds into a spinning spiral galaxy, all running in your browser. The result is quietly mesmerizing.
- Showcase
The Monolith Project
The Monolith Project is a cinematic WebGL journey built with React Three Fiber. It weaves together modular shaders, layered particle systems, and a custom deferred renderer into a scroll-driven story that flows like a film. Every effect is modular. Every transition feels intentional.
- Showcase
3D Life Sim Turns Artificial Life Into a WebGPU Instrument
Aaron Lemke's 3D Life Sim is an open-source WebGPU particle life simulation with live audio input, MIDI mapping, presets, and cockpit controls for exploring emergent forms.
- Showcase
Evian's Bicentennial WebGPU World, Where Rain Runs Downhill
Evian's 200th turned into an alpine scene that hands everything to the GPU: rain that lands on peaks and streaks down the slopes, one wind texture every object obeys, lightning generated fresh on each strike, and 20,000 particles colliding against an SDF instead of meshes.
- Showcase
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.
- Showcase
The Pendragon Cycle: WebGL as Cinematic Storytelling
Merlin Studio and Format-3 built a WebGL prologue for a fantasy series where scrolling feels like a camera move. Custom shaders, particle systems, and deliberate pacing turn a promotional site into something worth studying.
- Showcase
ATMOS: A Scroll-Driven Flight Through Procedural Skies
A tiny plane follows a spline through high-poly clouds and shifting gradients. Troika renders the text. A fake DoF blur keeps it cheap. LEEROY made the whole thing load without a progress bar.
- Showcase
Holiday Snow Globe
Michael Modena's holiday snow globe uses WebGPU compute shaders to create volumetric snow that actually fills the dome with mesh-based particles generating proper normals. Plus a Porsche GT3 drifts inside. It's a Christmas card that doubles as a lighting and compute shader stress test.
