Lovely curated list of WebGPU resources, libraries and tools.
WebGPU is a work in progress Web standard from W3C for modern 3D and GPU computing. Its purpose is to get the best performances on recent GPUs from desktop to mobile. Unlike WebGL, WebGPU is not a port of an existing native API. It borrows concepts from Metal, Vulkan and Direct3D12.
Official GitHub repository.
WebGPU.rocks.
MDN WebGPU API references.
AwesomeOpenSource.com.
WebGPU Subreddit.
Compute shader playground (like shadertoy).
Language/website that makes experimenting with WebGPU easier.
A quick introduction to the WebGPU Shading Language.
Monthly news about WebGPU.
Official W3C Group.
CanIUse.com WebGPU.
This is an experimental technology
WebGPU supported by default on Windows and macOS.
WebGPU is supported by default.
WebGPU is supported by default.
Chrome and Blink/Chromium based browsers support WebGPU
Go to `about:config` and set `dom.webgpu.enabled` to true.
WebGPU support is still experimental
WebGPU is enabled by default since 190.
WebGPU enabled by default on macOS 26 Tahoe or later; earlier versions require the `WebGPU` feature flag.
WebGPU supported by default on iOS/iPadOS 26 or later; earlier versions require `Settings` → `Safari` → `Advanced` → `Feature Flags` → `WebGPU`.
WebGPU support is still experimental
Wikipedia article.
Mozilla.org article by Dzmitry Malyshau.
By Dzmitry Malyshau.
By [Damien Seguin](https://dmnsgn.medium.com/).
By [Dzmitry Malyshau](https://github.com/kvark).
By Ashley Gullen.
By Ashley Gullen.
By Brandon Jones.
By Brandon Jones.
Rust Graphics Mages.
By [Tianqi Chen](https://github.com/tqchen) & [Jared Roesch](https://github.com/jroesch).
By [Paul Butler](https://github.com/paulgb).
Webkit.org article by [Dean Jackson](https://twitter.com/grorgwork).
By [Brandon Jones](https://github.com/toji).
By [Surma](https://github.com/surma).
A set of articles to help learn WebGPU.
By [Tomasz Czajecki](https://github.com/tchayen).
By [Andi](https://mastodon.social/@mcc).
By Google.
By Amir Sojoodi.
By Amir Sojoodi.
Learn how WebAssembly and WebGPU improve ml performance on the web Part2.
An overview on how to write a WebGPU application, by [Alain Galvan](https://github.com/alaingalvan).
Summary of the steps to render a scene, by [@ndesmic](https://github.com/ndesmic).
Tutorial on how to use WebGPU for non-graphical applications, by [François Beaufort](https://github.com/beaufortfrancois).
Tutorial and examples on wgpu, a Rust implementation of WebGPU, by [@sotrh](https://github.com/sotrh)
By [@hjlld](https://github.com/hjlld).
Building a Ray tracer using a modified version of WebGPU implementation with Vulkan and DX12 ray tracing extensions, by [Felix Maier](https://github.com/maierfelix).
How to build a complete rasterizer using compute shaders, by [Omar Shehata](https://github.com/OmarShehata).
Development process of WebGPU Engine (C++ and TypeScript).
A tutorial on WebGPU for Desktop applications using wgpu or Dawn, by [@eliemichel](https://github.com/eliemichel).
by [Jack Xu](https://github.com/jack1232)
Open game and rendering engine.
Easy-to-use, lightweight, general-purpose 3D library.
Web-based game engine with WebGPU support.
2D rendering engine with a WebGPU renderer.
Google implementation that powers WebGPU in Chromium, can be used as a standalone package.
Mozilla implementation used in Firefox. Like Dawn, can be used as a standalone package.
C/C++ headers.
Simple STB-style cross-platform libraries for C and C++.
JavaScript WbeGPU library, by [@redcamel](https://github.com/redcamel).
.NET bindings, built on top of wgpu.
Runtime for JavaScript, TypeScript, and WebAssembly based on the V8 engine.
glTF viewer based on a WebGPU backend.
Micro WebGPU rendering & compute library.
A WebGPU Shading Language parser and reflection library for JavaScript.
WebGPU Graphics Engine.
A single-file zero-overhead C++ idiomatic wrapper, by @eliemichel.
Reactive/declarative WebGPU runtime.
A basic rendering engine based on WebGPU, by junwei.gu.
Reusuable WebGPU shaders and support functions.
WebGPU Ray Tracing Extension.
A Simple WebGPU Game Engine.
React Native implementation of WebGPU using Dawn.
TypeScript API for constructing, writing to and reading from GPU buffers with inferred type-safety.
WGSL extensions for `import`, `@if`, and more.
A WebGPU framework to access compute shaders, browser or server-side, without the steep learning curve.
A real-time GPU texture compression library for WebGPU.
A TypeScript-based 3D rendering engine with WebGPU/WebGL support.
High-performance charting library built on WebGPU, handles 1M+ data points at 60fps.
Inspection debugger for WebGpu.
A profiler for Rust + WebGPU.
Web browser extention.
Early stage debugger.
These have not been updated for a while:
A set of samples and demos demonstrating the use of the WebGPU API - [Repository](https://github.com/webgpu/webgpu-samples)
Scene render comparison between WebGL, WebGL 2.0 and WebGPU, by Brandon Jones - [Repository](https://github.com/toji/webgpu-test)
By Brandon Jones - [Repository](https://github.com/toji/webgpu-clustered-shading)
By Brandon Jones - [Repository](https://github.com/toji/webgpu-metaballs)
By Brandon Jones - [Repository](https://github.com/toji/webgpu-external-test)
By [Takahiro](https://github.com/takahirox) - [Repository](https://github.com/takahirox/online-wgsl-editor)
A collection of examples from three.js using the WebGPU renderer - [Repository](https://github.com/mrdoob/three.js/tree/dev/examples#:~:text=webgpu_compute.html)
A Halloween-themed, open source Breakout clone, by Brandon Jones - [Repository](https://github.com/toji/spookyball)
By [Babylon.js](https://www.babylonjs.com/) (Note: Select `WebGPU` in the top right corner).
By [PlayCanvas](https://playcanvas.com/) (Note: Select `WebGPU` in the top right corner).
Stratton Studios Unity-powered WebGPU experience/demo.
Calculate and render particles, by [Daniel Toplak](https://github.com/hsimpson) - [Repository](https://github.com/hsimpson/webgpu-particles)
An online calculator, but you can only use it on your remote friend's GPU (via WebRTC) - [Repository](https://github.com/periferia-labs/laskin.live)
A few examples of rendering algorithms implemented in WebGPU, by [Tarek Sherif](https://github.com/tsherif) - [Repository](https://github.com/tsherif/webgpu-examples)
Official list of examples from the [wgpu](https://wgpu.rs) library - [Repository](https://github.com/gfx-rs/wgpu/tree/trunk/examples)
A scene built with Babylon.js.
A playground to experiment with WebGPU, by [@06wj](https://github.com/06wj) - [Repository](https://github.com/06wj/WebGPU-Playground)
A fork of dawn with Ray tracing extensions, by Felix Maier.
A wgpu stress test, by [Alexis Andre](https://github.com/MacTuitui).
A simple example using compute shaders. [source](https://glitch.com/edit/#!/hello-webgpu-compute)
An implementation of "Real-Time Fluid Dynamics for Games" paper, by [kishimisu](https://github.com/kishimisu) - [Repository](https://github.com/kishimisu/WebGPU-Fluid-Simulation)
Demos and experiments, focused on compute shaders, by [Sebastian Macke](https://github.com/s-macke) - [Repository](https://github.com/s-macke/WebGPU-Lab)
A collection of WebGPU examples by [Hepp Maccoy](https://github.com/hepp) - [Repository](https://github.com/hepp/webgpu-examples)
An Image processing app built using Thimbleberry, by [mighdoll](https://vis.social/@mighdoll) - [Repository](https://github.com/mighdoll/thimbleberry/tree/main/image-demo)
Demo of WebRTX, an extension of the WebGPU API with ray tracing capabilities, implemented with compute shaders, by [codedhead](https://github.com/codedhead).
An implementation of the image generator AI model, by CMU, OctoML, Catalyst et al - [Repository](https://github.com/mlc-ai/web-stable-diffusion)
LLM inference engine, by CMU, University of Washington, OctoML, et al - [Repository](https://github.com/mlc-ai/web-llm)
A node based shader editor, by [deepkolos](https://github.com/deepkolos) - [Repository](https://github.com/deepkolos/shader-graph-wgsl)
Memory models testing suite, by [Reese Levine](https://github.com/reeselevine) et al., UC Santa Cruz - [Repository](https://github.com/reeselevine/webgpu-litmus)
Marching cubes implementation, by [Conor O'Malley](https://github.com/conorpo) - [Repository](https://github.com/conorpo/marching-cubes-webgpu)
A path tracer powered by WebGPU compute shaders, by [Fermin Lozano](https://github.com/ferminLR) - [Repository](https://github.com/ferminLR/webgpu-path-tracing)
A real-time ray tracer implementing ReSTIR algorithm - [Repository](https://github.com/C-none/Web-RTRT)
Showcases the advantages of real-time texture compression. Compares models using KTX2 textures against AVIF + Spark.
Right now, demos work best on Chrome/Edge.
By [SketchpunkLabs](https://www.youtube.com/c/SketchpunkLabs)
By [Genka](https://www.youtube.com/channel/UCBTwKzJg-BR56tKWO5CT7XA)
By [Practical Programming with Dr. Xu](https://www.youtube.com/channel/UCg14XfqXim0vpgabU3T7tRg)
By [Madrigal](https://www.madrigalgames.com/)
By Dzmitry Malyshau from Mozilla.
W3C Community.
W3C Mailing list.
Unofficial channel.
Discussion regarding this article.
To the extent possible under law, Mik Bry has waived all copyright and related or neighboring rights to this work.
Contributions welcome! Read the contribution guidelines first.