Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results2
14 results for “WebGPU”.
- Showcase
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.
- Showcase
Martin Laxenaire's Portfolio Is a WebGPU Game Built on His Own Engine
Martin Laxenaire turned his portfolio into a playable WebGPU experience powered by gpu-curtains, his own 3D engine. Procedural particles, boids, and invoice-sized spheres unlock as you interact. Full source code and a Codrops breakdown included.
- Showcase
gpu-curtains: A WebGPU 3D Engine That Syncs Shaders to Your DOM
Martin Laxenaire rebuilt his DOM-to-shader library for WebGPU, and this time it's a full 3D engine. Lights, shadows, compute shaders, glTF support, and the same trick that made curtains.js useful: your HTML elements become shader geometry that scrolls and resizes like native DOM.
- Showcase
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.
- Showcase
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.
- Showcase
Forged.build
Forged.build turns a studio site into a cinematic 3D workshop built in WebGPU. Scroll through a real-time space with baked GI, dynamic highlights, and custom shaders. Built by Michael Modena to show what a small team can do with modern web graphics.
- 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
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
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
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
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.
- 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
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
Winter ’26 RenAIssance by Shopify
Step into Shopify’s Winter ’26 “RenAIssance,” a scroll-driven WebGL/WebGPU experience where classical art meets glowing halos, swirling clouds, and rich 3D detail. A baroque-inspired journey built to blur the line between tech and theater.
