WebGPU, in your browser.

Games, tools and tutorials powered by the GPU. Nothing to install.

Build with wgpu3d Open the JSON Viewer Learn WebGPU

WebGPU · WGSL shaders · Compute shaders · Real-time 3D rendering · GPU data processing · Procedural worlds · Zero dependencies · Chrome, Edge, Safari & Firefox

WebGPU across every field

WebGPU gives web pages direct access to the graphics card for both drawing and general-purpose computing. Here is where gpuengine puts it to work, and what is coming next.

WebGPU game: City Drive

Aerial view of a red car crossing a sunny noon intersection in City Drive, with a brownstone church on the corner, signal gantries and towers

An endless procedural city you can drive through: downtown towers, suburbs, waterfronts, overpasses and live traffic. Every street is generated as you go and rendered with WebGPU, with no game engine or library underneath.

  • Sun shadow maps and time-of-day lighting
  • World generation in a Web Worker, so frames never stall
  • Keyboard and touch controls, plus in-game video recording
About the game

WebGPU developer tool: JSON Viewer & Editor

WebGPU is not only for graphics. Our JSON viewer copies your document to the GPU once, then a compute shader checks every position in parallel, so search stays fast on very large files.

JSON Viewer and Editor: raw JSON on the left, a collapsible tree on the right with search matches highlighted and copy buttons on the selected row
Open the JSON Viewer All tools

Learn WebGPU step by step

Twelve short lessons, one idea each, from your first triangle to shadows and post-processing. Every example runs in the Playground, so you can change the code and see the result.

See all 12 lessons →

Deep dives

Long-form articles on how the engine, the games and the tools actually work, with the trade-offs left in.

All 11 articles →

What is WebGPU, and why does it matter?

WebGPU is the modern standard for using the graphics card from a web page. It replaces WebGL and, for the first time, brings general-purpose GPU computing to the web.

Graphics and compute in one API

WebGL could only draw. WebGPU can draw and compute: compute shaders run thousands of small programs in parallel, which makes it useful for simulation, data processing, search, image work and machine learning, not just 3D.

Closer to how modern GPUs work

WebGPU is modelled on Vulkan, Metal and Direct3D 12. Work is recorded up front and submitted in batches, so the CPU spends less time telling the GPU what to do and more frames reach the screen.

Shaders written in WGSL

WebGPU programs are written in WGSL, the WebGPU Shading Language. One shader runs the same on Windows, macOS, Linux, Android and iOS, in every browser that supports WebGPU.

Runs where your users already are

WebGPU ships in recent Chrome, Edge and Safari, and in Firefox on Windows. A link is all it takes: no app store, no download, no plugin.

Read the official WebGPU specification and MDN reference, or browse all WebGPU resources →

WebGPU questions

Is WebGPU faster than WebGL?
Usually, for scenes with many objects, because WebGPU lowers the cost of each draw call. The bigger change is compute shaders, which WebGL does not have at all.
What can WebGPU be used for besides games?
Anything that benefits from parallel work: developer tools like our GPU-accelerated JSON search, image and video filters, data visualization, physics simulation and running AI models in the browser.
Does my browser support WebGPU?
Recent versions of Chrome, Edge and Safari support it, as does Firefox on Windows; Can I use lists exact versions. Open City Drive: if it runs, your browser has WebGPU.
Do I need to install anything to use gpuengine?
No. Every game, tool and tutorial on this site runs in the browser tab, and tools like the JSON viewer process your data locally.

Inside the engine Work in progress

These are the systems behind the games and tools so far, and the list keeps growing.