Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-webgpu
😎 Curated list of awesome things around WebGPU ecosystem.
https://github.com/mikbry/awesome-webgpu
Last synced: about 16 hours ago
JSON representation
-
Websites
-
Official websites
- GPUWeb - Official GitHub repository.
- WebGPU - Twitter - Official X/Twitter account.
- Official WebGPU Explainer
-
WGSL (WebGPU Shading Language) Specifications
-
API documentations
- API quick reference and documentation - WebGPU.rocks.
- MDN - MDN WebGPU API references.
-
Misc
- 107 WebGPU Projects on GitHub - AwesomeOpenSource.com.
- r/WebGPU - Reddit - WebGPU Subreddit.
- compute.toys - Compute shader playground (like shadertoy).
- Shadeup - Language/website that makes experimenting with WebGPU easier.
- Google Developers Site
- Tour of WGSL - A quick introduction to the WebGPU Shading Language.
- WebGPU Experts Blog - Monthly news about WebGPU.
-
WebGPU Specifications
-
-
Tutorials
-
Safari
- Learn wgpu - Tutorial and examples on wgpu, a Rust implementation of WebGPU, by [@sotrh](https://github.com/sotrh)
- LearningWebGPU 教程 (Chinese) - By [@hjlld](https://github.com/hjlld).
- Raw WebGPU - An overview on how to write a WebGPU application, by [Alain Galvan](https://github.com/alaingalvan).
- Basic WebGPU Rendering - Summary of the steps to render a scene, by [@ndesmic](https://github.com/ndesmic).
- WebGPU for Metal Developers Part 1 - part-two/) - Introduction to WebGPU from Apple's GPU API, Metal, by [Warren Moore](https://twitter.com/warrenm).
- Real-Time Ray-Tracing in WebGPU - 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).
- Build a compute rasterizer in WebGPU - How to build a complete rasterizer using compute shaders, by [Omar Shehata](https://github.com/OmarShehata).
- From 0 to glTF with WebGPU: Series - 0-to-gltf?tab=readme-ov-file) - A tutorial to create a glTF model viewer, by [Will Usher](https://github.com/Twinklebear).
-
Try out WebGPU
- [Not finished - by [@DrawMindmap](https://github.com/drawmindmap)
- Learn WebGPU for native C++ development - by [@eliemichel](https://github.com/eliemichel)
- Get started with GPU Compute on the Web - web.dev (by [François Beaufort](https://github.com/beaufortfrancois))
- From 0 to glTF with WebGPU: The First Triangle - to-gltf-triangle)) - by [Will Usher](https://github.com/Twinklebear)
- From 0 to glTF with WebGPU: Bind Groups - to-gltf-bind-groups)) - by [Will Usher](https://github.com/Twinklebear)
- WebGPU Engine Development (Chinese/English)
-
-
Libraries
-
Try out WebGPU
- Three.js - Experimental support
- bgfx - WebGPU/Dawn experimental
- WebGPU for Node - Based on Dawn
- WebGPU .NET
- GEngine - A basic rendering engine based on WebGPU -by junwei.gu
- Haiku - 2D & 3D WebGPU Game Engine written in TypeScript
- Webcore module WebGPU - Webkit / Safari
- sokol - WebGPU Backend TODO
- Deno roadmap - GPU APIs (WebGPU) to support ML apps
- Arche Graphics - WebGPU Graphics Engine
- SWGPU - A Simple WebGPU Game Engine
-
Safari
- wgpu - Mozilla implementation used in Firefox. Like Dawn, can be used as a standalone package.
- webgpu-headers - C/C++ headers.
- RedGPU - JavaScript WbeGPU library, by [@redcamel](https://github.com/redcamel).
- RedCube - glTF viewer based on a WebGPU backend.
- hwoa-rang-gpu - Micro WebGPU rendering & compute library.
- wgsl_reflect - A WebGPU Shading Language parser and reflection library for JavaScript.
- WebGPU-C++ - A single-file zero-overhead C++ idiomatic wrapper, by @eliemichel.
- WebRTX - WebGPU Ray Tracing Extension.
- Babylon.js - Open game and rendering engine.
- Dawn - Google implementation that powers WebGPU in Chromium, can be used as a standalone package.
- Thimbleberry - Reusuable WebGPU shaders and support functions.
- Deno - Runtime for JavaScript, TypeScript, and WebAssembly based on the V8 engine.
- Arche Graphics - WebGPU Graphics Engine.
- React Native WebGPU - React Native implementation of WebGPU using Dawn.
- TypeGPU - TypeScript API for constructing, writing to and reading from GPU buffers with inferred type-safety.
- Three.js - Easy-to-use, lightweight, general-purpose 3D library.
-
-
Debuggers and Profilers
-
Safari
- webgpu-devtools - Web browser extention.
- webgpu-profiler - A profiler for Rust + WebGPU.
- webgpu-recorder - A WebGPU playback recorder.
- webgpu-debugger - Early stage debugger.
-
-
Demos
-
Safari
- WebGPU Particles - Calculate and render particles, by [Daniel Toplak](https://github.com/hsimpson) - [Repository](https://github.com/hsimpson/webgpu-particles)
- WebGPU Examples - A few examples of rendering algorithms implemented in WebGPU, by [Tarek Sherif](https://github.com/tsherif) - [Repository](https://github.com/tsherif/webgpu-examples)
- WebGPU-Playground - A playground to experiment with WebGPU, by [@06wj](https://github.com/06wj) - [Repository](https://github.com/06wj/WebGPU-Playground)
- Dawn RT - A fork of dawn with Ray tracing extensions, by Felix Maier.
- wgpu-load-test - A wgpu stress test, by [Alexis Andre](https://github.com/MacTuitui).
- WebGPU-Lab - Demos and experiments, focused on compute shaders, by [Sebastian Macke](https://github.com/s-macke) - [Repository](https://github.com/s-macke/WebGPU-Lab)
- Babylon.js Playground - By [Babylon.js](https://www.babylonjs.com/) (Note: Select `WebGPU` in the top right corner).
- WebGPU Live Demo Editor - A collection of WebGPU examples by [Hepp Maccoy](https://github.com/hepp) - [Repository](https://github.com/hepp/webgpu-examples)
- WebGPU Memory Model Testing - Memory models testing suite, by [Reese Levine](https://github.com/reeselevine) et al., UC Santa Cruz - [Repository](https://github.com/reeselevine/webgpu-litmus)
- WebGPU Path Tracing - A path tracer powered by WebGPU compute shaders, by [Fermin Lozano](https://github.com/ferminLR) - [Repository](https://github.com/ferminLR/webgpu-path-tracing)
- WebGPU Samples - A set of samples and demos demonstrating the use of the WebGPU API - [Repository](https://github.com/webgpu/webgpu-samples)
- WebGPU first-person exploration of the Sponza Palace - Scene render comparison between WebGL, WebGL 2.0 and WebGPU, by Brandon Jones - [Repository](https://github.com/toji/webgpu-test)
- WebGPU Clustered Shading - By Brandon Jones - [Repository](https://github.com/toji/webgpu-clustered-shading)
- WebGPU Metaballs - By Brandon Jones - [Repository](https://github.com/toji/webgpu-metaballs)
- WebGPU External Texture Test - By Brandon Jones - [Repository](https://github.com/toji/webgpu-external-test)
- Online WGSL Editor - By [Takahiro](https://github.com/takahirox) - [Repository](https://github.com/takahirox/online-wgsl-editor)
- Three.js WebGPU examples - 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)
- wgpu examples - Official list of examples from the [wgpu](https://wgpu.rs) library - [Repository](https://github.com/gfx-rs/wgpu/tree/trunk/examples)
- Forest WebGPU - A scene built with Babylon.js.
- WebGPU 2D Fluid Simulation - An implementation of "Real-Time Fluid Dynamics for Games" paper, by [kishimisu](https://github.com/kishimisu) - [Repository](https://github.com/kishimisu/WebGPU-Fluid-Simulation)
- Shader Graph WGSL - A node based shader editor, by [deepkolos](https://github.com/deepkolos) - [Repository](https://github.com/deepkolos/shader-graph-wgsl)
- Marching Cubes WebGPU - Marching cubes implementation, by [Conor O'Malley](https://github.com/conorpo) - [Repository](https://github.com/conorpo/marching-cubes-webgpu)
-
Try out WebGPU
- WebGPU study - by [Redcamel](https://github.com/redcamel) - [repository](https://github.com/redcamel/webgpu)
- WebGPU point cloud - by [Markus Schütz](https://github.com/m-schuetz) - [repository](https://github.com/m-schuetz/webgpu_pointcloud)
- node-webgpu examples - by [Felix Maier](https://github.com/maierfelix)
- WebGPU Sketch Dojo - by [Georgi Nikolov](https://github.com/gnikoloff) - [repository](https://github.com/gnikoloff/webgpu-dojo)
- WebGPU Compute Metaballs - by [Georgi Nikolov](https://github.com/gnikoloff) - [repository](https://github.com/gnikoloff/webgpu-compute-metaballs)
- WebGPU 2D Fluid Simulation - by [indiana-dev](https://github.com/indiana-dev) - [repository](https://github.com/indiana-dev/WebGPU-Fluid-Simulation)
- WebGPU Samples - by [Austin Eng](https://github.com/austinEng) (Google) - [repository](https://github.com/austinEng/webgpu-samples)
- WebGPUniverse - by students from Imperial College London
- Spookyball: a WebGPU-powered, Halloween-themed game - by [Brandon Jones](https://github.com/toji) - [repository](https://github.com/toji/spookyball)
- An online WebGPU calculator - [repository](https://github.com/periferia-labs/laskin.live)
- WebGPU examples - by [wgpu.rs](https://wgpu.rs) - [repository](https://github.com/gfx-rs/wgpu/tree/master/wgpu/examples)
- Three.js WebGPURenderer - by [Takahiro](https://github.com/takahirox) - [repository](https://github.com/takahirox/THREE.WebGPURenderer)
- Forest WebGPU - by [Babylon.js](https://www.babylonjs.com)
- WebGPU Experiments - by [Will Usher](https://github.com/Twinklebear) - [repository](https://github.com/Twinklebear/webgpu-experiments)
- WGSL-Toy - by [@HypnosNova](https://github.com/HypnosNova) - [repository](https://github.com/ValeeraJS/WGSL-Toy)
- WebGPU Compute 101 Demo - [source code](https://glitch.com/edit/#!/hello-webgpu-compute)
- WebGPU: Rendering, compute, GPU experiments - by [Kevin Masson](https://github.com/oktomus) - [repository](https://github.com/oktomus/web-experiments)
- Thimbleberry Image Transform Demo - by [mighdoll](https://vis.social/@mighdoll) - [repository](https://github.com/mighdoll/thimbleberry/tree/main/image-demo)
- Shadowray Playground - by [codedhead](https://github.com/codedhead)
- Web Stable Diffusion - by [CMU, OctoML, Catalyst et al.](https://github.com/mlc-ai) - [repository](https://github.com/mlc-ai/web-stable-diffusion)
- WebLLM - by [CMU, University of Washington, OctoML, et al.](https://github.com/mlc-ai) - [repository](https://github.com/mlc-ai/web-llm)
- Web Stable Diffusion - by [CMU, OctoML, Catalyst et al.](https://github.com/mlc-ai) - [repository](https://github.com/mlc-ai/web-stable-diffusion)
- WebLLM - by [CMU, University of Washington, OctoML, et al.](https://github.com/mlc-ai) - [repository](https://github.com/mlc-ai/web-llm)
-
-
Browser support
-
Misc
- Implementation status - Official W3C Group.
- WebGPU browser support overview - CanIUse.com WebGPU.
-
- Register for Google Chrome origin trial - Chrome Developers
- Chrome Platform Status - Chrome Developers
- WebGPU and WSL in Safari - WebKit
- Servo MVP - WebGPU MVP
-
Safari
- iOS - You can enable WebGPU in `Settings` → `Safari` → `Advanced` → `Feature Flags` → `WebGPU`.
- macOS Safari TP - WebGPU is enabled by default since 190.
- macOS Safari - Soon available.
-
Try out WebGPU
- Chrome Canary - unsafe-webgpu` and enable the "Unsafe WebGPU" flag.
- Firefox Nightly
- Safari Technology Preview
-
Chrome
-
-
Articles
-
Safari
- WebGPU - Wikipedia article.
- Implementing WebGPU in Gecko - By [Dzmitry Malyshau](https://github.com/kvark).
- From WebGL to WebGPU in Construct - By Ashley Gullen.
- A brief history of graphics on the web and WebGPU - 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 - By [Tianqi Chen](https://github.com/tqchen) & [Jared Roesch](https://github.com/jroesch).
- The WebAssembly App Gap - By [Paul Butler](https://github.com/paulgb).
- Next-generation 3D Graphics on the web - Webkit.org article by [Dean Jackson](https://twitter.com/grorgwork).
- WebGPU - All of the cores, none of the canvas - By [Surma](https://github.com/surma).
- WebGPU Fundamentals - A set of articles to help learn WebGPU.
- A Taste of WebGPU in Firefox - Mozilla.org article by Dzmitry Malyshau.
- Point of WebGPU native - By Dzmitry Malyshau.
- Efficently rendering glTF models - A WebGPU Case Study - By [Brandon Jones](https://github.com/toji).
- PBR in WebGPU: implementation details - By [Tomasz Czajecki](https://github.com/tchayen).
- I want to talk about WebGPU - By [Andi](https://mastodon.social/@mcc).
- WebGPU for Dummies - By Amir Sojoodi.
- WebGPU Timestamps - By Amir Sojoodi.
- WebAssembly and WebGPU - Learn how WebAssembly and WebGPU improve ml performance on the web Part2.
-
Try out WebGPU
- Graphics on the web and beyond with WebGPU - medium.com (by [Damien Seguin](https://dmnsgn.medium.com/))
- From WebGL to WebGPU - by Google
-
-
Books
-
Try out WebGPU
- Practical WebGPU Graphics - by [Jack Xu](https://github.com/jack1232)
-
-
Gists
-
Try out WebGPU
- 3D SDF Primitives - in WGSL by @munrocket
-
Safari
- 2D - Signed distance field primitives in WGSL, by [@munrocket](https://github.com/munrocket).
-
-
Videos
-
Safari
- From WebGL to WebGPU: A perspective from Babylon js by David Catuhe
- Introducing WebGPU: Unlocking modern GPU access for JavaScript - By Google.
- A proper look at WebGPU for native games - By [Madrigal](https://www.madrigalgames.com/)
- Next-Generation 3D Graphics on the Web (Google I/O 2019)
-
Try out WebGPU
- WebGPU (playlist) - by [SketchpunkLabs](https://www.youtube.com/c/SketchpunkLabs)
- WebGPU (playlist) - by [Genka](https://www.youtube.com/channel/UCBTwKzJg-BR56tKWO5CT7XA)
- WebGPU Graphics Programming Step-by-Step (playlist) - by [Practical Programming with Dr. Xu](https://www.youtube.com/channel/UCg14XfqXim0vpgabU3T7tRg)
- WebGPU (playlist) - by [SketchpunkLabs](https://www.youtube.com/c/SketchpunkLabs)
- WebGPU (playlist) - by [Genka](https://www.youtube.com/channel/UCBTwKzJg-BR56tKWO5CT7XA)
- WebGPU Graphics Programming Step-by-Step (playlist) - by [Practical Programming with Dr. Xu](https://www.youtube.com/channel/UCg14XfqXim0vpgabU3T7tRg)
-
-
Presentations
-
Try out WebGPU
- Tint - Proposal for textual shader language by Google
- Building WebGPU with Rust - by [Dzmitry Malyshau](https://github.com/kvark) from Mozilla
-
-
Community
-
Safari
- GPU for the web community group - W3C Community.
- Public GPU - W3C Mailing list.
- Matrix WebGPU - Unofficial channel.
- YC Point of WebGPU on native - Discussion regarding this article.
-
Try out WebGPU
- Possibility of SPIR-V and/or GLSL as a WebGPU extension? - WGSL in debate
-
-
Bug reporting
Programming Languages
Categories
Sub Categories
Keywords
webgpu
21
javascript
5
gpu
4
webgl
4
wgsl
4
graphics
3
3d
3
wglsl
3
opengl
2
metal
2
webgl2
2
computer-graphics
2
d3d12
2
gltf
2
vulkan
2
engine
1
directx-12
1
directx-11
1
gamedev
1
gles
1
glfw
1
rendering
1
sdl
1
directx
1
d3d11
1
rust
1
threejs
1
lecture-notes
1
cpp
1
w3c
1
gpgpu-computing
1
game-engine-3d
1
game-engine-2d
1
wgsl-shader
1
demos
1
compute-shader
1
2d-graphics
1
playground
1
3d-graphics
1
tutorial
1
demo
1
webgpu-particles
1
render-particles
1
gpu-computing
1
typescript
1
pbr
1
opengl-es
1
glsl
1
3d-models
1
waveengine
1