Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results3
24 results for “Three.js”.
- Showcase
GPU-Side Physics: A Three.js WebGPU Compute Demo
Thousands of instanced bodies tumble and collide, with the entire physics step running on the GPU through WebGPU compute and Three.js TSL. No CPU round trip, no framerate flinch. A clean little workbench from Kevin Levron, built to inspect, tweak, and learn from.
- Showcase
Patina Preview: Real-Time Procedural Weathering in Three.js and TSL
A small procedural PBR playground by codetaur where metal ages in real time. Oxidation pools in the cavities, highlights dull from mirror to milk, and the whole surface rewrites itself through a Three.js TSL node graph running on WebGPU.
- 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
IVRESS by Utsubo: A WebGPU Story That Refuses Light
A lone traveler in a world that refuses light. Built on Three.js's WebGPURenderer with a WebGL fallback and TSL shaders running on both backends. Utsubo's brand site for IVRESS reads like a short film, and the CTO behind it maintains the WebGPU side of three.js itself.
- Showcase
ASTRODITHER Turns Audio Into WebGPU Signal Noise
Robert Borghesi’s ASTRODITHER is an audio-reactive Three.js WebGPU experiment using TSL, fluid simulation, bloom, dithering, and time-warped signal noise.
- 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
Utsubo
Utsubo’s new site drops you into a slick WebGPU-powered experience featuring a real-time cheetah, custom shaders, and gorgeous transitions. Built with Three.js’s WebGPURenderer, it’s part portfolio, part tech flex and absolutely worth a few replays.
- Showcase
Shining Turns WebGPU Into A Small 3D Storybook
Chanwoo Hwang’s Shining is a short 3D interactive storybook built with Three.js WebGPU, using pages, light, and spatial scenes as the interface.
- Showcase
Tubes Cursor Turns the Pointer Into a WebGL Trail
Kevin Levron’s Tubes Cursor is a compact Three.js interaction experiment that turns mouse movement into glowing tubular trails and can run through WebGL or WebGPU.
- Showcase
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.
- Showcase
Shader.se: An 80s Corporate Tape Rendered in WebGPU
A Swedish studio's landing page done up like a 1987 training reel, with chunky type and confident geometry giving way to scene transitions that only make sense on a modern GPU. Built with Three.js on WebGPU and shaded with TSL.
- Showcase
Softbody Tetris: A Squishy WebGPU Remake That Plays Different
Niklas Niehus rebuilt Tetris with soft body physics running entirely on WebGPU via Three.js TSL. Blocks deform on impact, wedge into gaps, and create emergent gameplay the original never had. Fully playable in your browser.
- 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
Prinzipiell Tinker Series
Frank Reitberger’s Tinker series is a collection of WebGL and WebGPU experiments exploring procedural geometry, modular shaders, and real-time rendering in the browser. Each project builds on the last, offering sharp techniques and inspiration for anyone working with Three.js or TSL.
- Showcase
CodeofSagar: 3D Animated Portfolio
Sagar Kumar Ghosh built a 3D portfolio that feels more like an interactive scene than a resume. It runs on React, Three.js, GSAP, and even dips into WebGPU. If you're curious how to blend real-time graphics with a modern web stack, this is worth a close look.
- Showcase
Interactive Physics With a TSL Fisheye Lens
Nikita Frolov combines physics-driven motion, glass refraction, iridescent metal, post FX, and a custom TSL fisheye node in a compact WebGPU experiment.
- Showcase
Above the Grassland Builds a Cinematic WebGPU Field
Ameen Abdullah’s Above the Grassland is a browser cinematic with WebGPU postprocessing, moving grass fields, weather presets, audio, narration, subtitles, and mood controls.
- Showcase
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.
- Showcase
Gen-02 Portfolio: An Immersive World
Samsy transforms the traditional portfolio into a 3D navigable space with his Gen-02 site. Built with Vue.js, GSAP, and custom WebGL, visitors explore interactive rooms showcasing a decade of award-winning creative tech work. Awwwards SOTD winner with serious technical depth.
- 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
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.
- Showcase
Dev From 2047: A WebGPU Portfolio Experiment in Vue and TSL
A shelved WebGPU portfolio experiment from LUCERRÁ. Vue and Theatre.js sequence the camera, TSL handles shader transitions, and the whole thing reads as choreography rather than layout. The version that did not ship, which is usually where the more interesting code lives.
- 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.
