Awesome WebGPU

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.

Websites
Browser support
Articles
Tutorials
Books
Libraries
Gists
Demos
Videos
Presentations
Community
Bug reporting
Contribute
License

Websites

GPU for the Web Community Group - Official website
GPUWeb - Official Github repository
WebGPU - Twitter - Official Twitter account
Official WebGPU Specifications: Working Draft / Editor's Draft
Official WGSL (WebGPU Shading Language) Specifications: Working Draft / Editor's Draft
Official WebGPU Explainer
API quick reference and documentation - WebGPU.rocks
107 WebGPU Projects on GitHub - AwesomeOpenSource.com
r/WebGPU - Reddit - WebGPU Subreddit

Browser support

Implementation status - Official W3C Group
Register for Google Chrome origin trial - Chrome Developers
WebGPU browser support overview - CanIUse.com
Chrome Platform Status - Chrome Developers
WebGPU and WSL in Safari - WebKit
WebGPU on iOS - Don't work on my iPhone6+
Servo MVP - WebGPU MVP

Try out WebGPU

Chromium (Chrome Canary, Edge Canary, ...): Go to about:flags#enable-unsafe-webgpu and enable the "Unsafe WebGPU" flag.
Firefox Nightly: Go to about:config and set dom.webgpu.enabled to true.
Safari Technology Preview: Enable the Develop menu by going to Safari → Preferences → Advanced → Show Develop menu in menu bar. Then go to the Develop menu and enable Experimental Features → WebGPU.

Articles

WebGPU - Wikipedia
Access modern GPU features with WebGPU - web.dev (by François Beaufort & Corentin Wallez)
A Taste of WebGPU in Firefox - mozilla.org (by Dzmitry Malyshau)
Point of WebGPU native - by Dzmitry Malyshau
Graphics on the web and beyond with WebGPU - medium.com (by Damien Seguin)
Implementing WebGPU in Gecko - by Dzmitry Malyshau
From WebGL to WebGPU in Construct - construct.net (by Ashley Gullen)
A brief history of graphics on the web and WebGPU - construct.net (by Ashley Gullen)
WebGPU texture best practices - by Brandon Jones
WebGPU Buffer upload best practices - by Brandon Jones
wgpu-rs on the web - Rust Graphics Mages
Compiling Machine Learning to WASM and WebGPU with Apache TVM - tvm.apache.org (by Tianqi Chen & Jared Roesch)
The WebAssembly App Gap - by Paul Butler
Next-generation 3D Graphics on the web - webkit.org (by Dean Jackson)
Efficently rendering glTF models - A WebGPU Case Study - by Brandon Jones
WebGPU - All of the cores, none of the canvas - by Surma
WebGPU Fundamentals - A set of articles to help learn WebGPU

Tutorials

Raw WebGPU - by Alain Galvan
Basic WebGPU Rendering - by @ndesmic
Get started with GPU Compute on the Web - web.dev (by François Beaufort)
WebGPU for Metal Developers Part 1 (Part 2) - by Warren Moore
From 0 to glTF with WebGPU: The First Triangle (updated version of this) - by Will Usher
From 0 to glTF with WebGPU: Bind Groups (updated version of this) - by Will Usher
Learn Wpgpu: Examples and Showcase Rust & Wgpu - by @sotrh
LearningWebGPU 教程 (Chinese) - by @hjlld
Real-Time Ray-Tracing in WebGPU - by Felix Maier
Build a compute rasterizer in WebGPU - by Omar Shehata
[Not finished] WebGPU training - by @DrawMindmap
WebGPU Engine Development (Chinese/English): Development process of WebGPU Engine(C++ and TypeScript)
Learn WebGPU for native C++ development - by @eliemichel

Books

Practical WebGPU Graphics - by Jack Xu

Libraries

Babylon.js - Experimental support
Three.js - Experimental support
Dawn - Google implementation
Gfx-rs/wgpu - Mozilla implementation
Webcore module WebGPU - Webkit / Safari
bgfx - WebGPU/Dawn experimental
webgpu-headers - C/C++ headers
sokol - WebGPU Backend TODO
WebGPU for Node - Based on Dawn
RedGPU - By @redcamel
WebGPU .NET
Deno roadmap - GPU APIs (WebGPU) to support ML apps
RedCube - GLTF implementation based on WebGPU backend
hwoa-rang-gpu - micro WebGPU rendering & compute library
wgsl_reflect - A WebGPU Shading Language parser and reflection library for Javascript.
Arche Graphics - WebGPU Graphics Engine
WebGPU-C++ - A single-file zero-overhead C++ idiomatic wrapper - by @eliemichel
Use.GPU - Reactive/declarative WebGPU runtime
GEngine -A basic rendering engine based on WebGPU -by junwei.gu
Thimbleberry - Reusuable WebGPU shaders and support functions
WebRTX - WebGPU Ray Tracing Extension

Gists

3D SDF Primitives - in WGSL by @munrocket
2D SDF Primitives - in WGSL by @munrocket

Demos

Demos might work only on Chrome. Firefox implementation is not complete.

WebGPU Samples - by Austin Eng (Google) - repository
WebGPUniverse - by students from Imperial College London
WebGPU first-person exploration of the Sponza Palace - by Brandon Jones - repository
WebGPU Clustered Shading - by Brandon Jones - repository
WebGPU Metaballs - by Brandon Jones - repository
WebGPU External Texture Test - by Brandon Jones - repository
Online WGSK Editor - by Takahiro - repository
Safari WebKit demos
Three.js WebGPU examples - by Three.js - repository
Spookyball: a WebGPU-powered, Halloween-themed game - by Brandon Jones - repository
Babylon.js Playground - by Babylon.js (Note: Select WebGPU in the top right corner) - repository
Calculate and render particles with WebGPU - by Daniel Toplak - repository
An online WebGPU calculator: Using WebGPU on remote browser (via WebRTC) - repository
WebGPU study - by Redcamel - repository
Small examples of SPIR-V compatible WebGPU usage - by Tarek Sherif - repository
WebGPU examples - by wgpu.rs - repository
Three.js WebGPURenderer - by Takahiro - repository
WebGPU point cloud - by Markus Schütz - repository
Forest WebGPU - by Babylon.js
WebGPU-Playground - by @06wj - repository
node-webgpu examples - by Felix Maier
Dawn RT (Ray tracing extension for Dawn/WebGPU) - by Felix Maier
WebGPU Experiments - by Will Usher - repository
wgpu-load-test - by Alexis Andre
WGSL-Toy - by @HypnosNova - repository
WebGPU Compute 101 Demo - source code
WebGPU: Rendering, compute, GPU experiments - by Kevin Masson - repository
WebGPU Sketch Dojo - by Georgi Nikolov - repository
WebGPU Compute Metaballs - by Georgi Nikolov - repository
WebGPU 2D Fluid Simulation - by indiana-dev - repository
WebGPU-Lab - by Sebastian Macke - repository
WebGPU Live Demo Editor - by Hepp Maccoy - repository
Thimbleberry Image Transform Demo - by mighdoll - repository
Shadowray Playground - by codedhead
Web Stable Diffusion - by CMU, OctoML, Catalyst et al. - repository
WebLLM - by CMU, University of Washington, OctoML, et al. - repository
Shader Graph WGSL - by deepkolos - repository

Videos

Presentations

Tint - Proposal for textual shader language by Google
Building WebGPU with Rust - by Dzmitry Malyshau from Mozilla

Community

GPU for the web community group - W3C Community
Public GPU - W3C Mailing list
Gitter chat - by Mozilla - DEPRECATED
Matrix WebGPU - Unofficial channel
YC Point of WebGPU on native - discussion regarding this article
Possibility of SPIR-V and/or GLSL as a WebGPU extension? - WGSL in debate

Bug reporting

Contribute

Contributions welcome! Read the contribution guidelines first.

License

To the extent possible under law, Mik BRY has waived all copyright and related or neighboring rights to this work.

asialiugf / awesome-webgpu Goto Github PK

awesome-webgpu's Introduction