Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results2
Results 1 to 24 of 31 for “WebGPU”.
WebGPU Hits Critical Mass: All Major Browsers Now Ship It
Chrome, Firefox, Safari, and Edge all ship WebGPU by default. Eight years of spec work finally pays off. Here is what changed, where the gaps remain, and why this matters for graphics and compute on the web.
Ranked results
- 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.
- News
Google Introduces HTML-in-Canvas API: Accessible UI Meets WebGL / WebGPU
At Google I/O 2026, Chrome engineer Thomas Nattestad unveiled the HTML-in-Canvas API, which is a new web platform feature that lets developers render HTML elements directly into canvas, WebGL, and WebGPU contexts while preserving accessibility and interactivity.
- 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
A Portfolio You Walk Through: Hot Dogtor's WebGPU Building
Paulo Pinho built his portfolio as a 3D building you wander room by room, scored by his own music. Runs on three.js WebGPU, falls back to WebGL, and ships a Basic version for everyone else. One site, three fidelity tiers, no pretending everyone's on a 4090.
- 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
Ameen Abdullah's Portfolio Turns the Browser Into a Stage
A WebGPU sakura scene anchors the hero, Vue drives the page, and a second WebGL layer paints mini scenes into textures aligned with the DOM. Off-screen blocks pause their work. Subtitles arrive in Japanese. A portfolio that behaves like a place rather than a CV.
- 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
Embedding Atlas: Apple's Open-Source Tool for Exploring Millions of Vectors in Your Browser
Apple's Embedding Atlas renders millions of embedding points interactively using WebGPU (with WebGL 2 fallback), Wasm-compiled UMAP, and density-based clustering that runs in milliseconds. Open source, with React, Svelte, Jupyter, and CLI support.
- Showcase
Singularity: A Black Hole Simulation
A fully raymarched black hole in your browser (glowing accretion disk, gravitational lensing, radiation noise) all built with Three.js, TSL, and WebGPU. No geometry, just math. A cosmic shader experiment pushing real-time web graphics to the edge.
- 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.
- News
glTF 2.1 Aims At Complex Scenes, Not Just Single Assets
Khronos is planning glTF 2.1 as a backward-compatible update focused on large composed scenes, external assets, packaging, BVHs, thumbnails, and 64-bit GLB files.
- 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
SWOOOP: Low-Poly Biplane Flight in PlayCanvas
A low-poly biplane circles a floating island, collecting gems while physics and ambient occlusion do the heavy lifting. Built in WebGL with PlayCanvas in just four weeks by a remote team across Athens and London.
- 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
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.
- Showcase
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.
- 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.
