awesome-webgpu

😎 Curated list of awesome things around WebGPU ecosystem.
https://github.com/mikbry/awesome-webgpu

Last synced: 1 day ago
JSON representation

AI libraries
- Safari
  - WebLLM - Browser language-model inference engine accelerated with WebGPU.
  - ONNX Runtime Web - Browser inference runtime with a WebGPU execution provider for ONNX models.
  - Transformers.js - JavaScript machine-learning library with WebGPU acceleration through ONNX Runtime.
Articles
- Safari
  - WebGPU - Wikipedia article.
  - From WebGL to WebGPU in Construct - By Ashley Gullen.
  - WebGPU - All of the cores, none of the canvas - Compute concepts and browser support as of 2022, by [Surma](https://github.com/surma).
  - WebGPU Fundamentals - A set of articles to help learn WebGPU.
  - PBR in WebGPU: implementation details - By [Tomasz Czajecki](https://github.com/tchayen).
  - WebGPU Timestamps - By Amir Sojoodi.
  - WebAssembly and WebGPU - Browser machine-learning performance enhancements, by Google.
  - Graphics on the web and beyond with WebGPU - By [Damien Seguin](https://dmnsgn.medium.com/).
  - Figma rendering: Powered by WebGPU - Production renderer migration case study covering shaders, batching, and fallbacks (2025).
  - Compatibility mode and transient attachments - Chrome 146 implementation update covering broader hardware support and attachment optimizations (2026).
  - Immediates in Chrome 149–150 - Browser implementation update on passing small amounts of frequently changed shader data (2026).
  - WebGPU texture best practices - By Brandon Jones.
  - WebGPU Buffer upload best practices - By Brandon Jones.
  - Efficiently rendering glTF models - A WebGPU Case Study - By [Brandon Jones](https://github.com/toji).
  - From WebGL to WebGPU - By Google.
  - WebGPU for Dummies - By Amir Sojoodi.
Books
- Safari
  - Practical WebGPU Graphics - by [Jack Xu](https://github.com/jack1232)
Browser support
- Chromium
  - Chrome - Enabled on supported Windows, macOS, ChromeOS, Android, and Linux configurations; consult the implementation status for hardware and operating system requirements.
  - Edge - Chromium-based browser with WebGPU support on supported devices and operating systems.
- Firefox
  - Firefox Nightly - Preview implementation for testing upcoming support, including Linux and other Mac configurations.
  - Firefox - Enabled on Windows and Apple Silicon Macs; other platforms have different rollout schedules.
- Misc
  - Implementation status - Platform support and rollout details maintained by GPUWeb.
  - WebGPU browser support overview - Browser compatibility tables.
  - WebGPU Report - Inspect the WebGPU features and limits available on your device.
- Safari
  - Safari Technology Preview - Preview browser for testing upcoming implementation changes.
  - Safari 26 release notes - WebGPU ships enabled on macOS Tahoe 26, iOS 26, iPadOS 26, and visionOS 26.
Bug reporting
- Safari
  - Chromium
  - Webkit
  - Firefox
Community
- Safari
  - GPU for the web community group - W3C Community.
  - Public GPU - W3C Mailing list.
  - Matrix WebGPU - General community chat.
Debuggers and Profilers
- Safari
  - webgpu-inspector - Inspection debugger for WebGPU.
  - WebGPU Dev Extension - Browser extension for validation diagnostics, memory tracking, and redundant-state detection.
  - WebGPUReconstruct - Capture browser commands and replay them through native implementations for graphics debugging and profiling.
  - wgpu-profiler - GPU timing and profiling utilities for Rust applications using wgpu.
Demos
- Safari
  - 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)
  - 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)
  - Shadowray Playground - Demo of an experimental ray-tracing layer implemented with WebGPU compute shaders.
  - Web Stable Diffusion - Early browser image-generation demo using WebGPU, with [source code](https://github.com/mlc-ai/web-stable-diffusion).
  - 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 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)
  - Online WGSL Editor - By [Takahiro](https://github.com/takahirox) - [Repository](https://github.com/takahirox/online-wgsl-editor)
  - 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)
  - 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)
  - 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)
  - WebGPU Samples - A set of samples and demos demonstrating the use of the WebGPU API - [Repository](https://github.com/webgpu/webgpu-samples)
  - 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)
  - Real-Time GPU Texture Compression Demo - Showcases the advantages of real-time texture compression. Compares models using KTX2 textures against AVIF + Spark.
  - PlayCanvas WebGPU Demos - By [PlayCanvas](https://playcanvas.com/) (Note: Select `WebGPU` in the top right corner).
  - vgpu Shader on Live HTML - Shader demo applying WebGPU effects to HTML content; requires the experimental canvas-draw-element browser flag.
  - RunMat Browser Sandbox - Browser playground for MATLAB-syntax numerical programs accelerated with WebGPU.
  - DoG Studio - WebGPU image and video processing demo for configurable Difference-of-Gaussians line art and screentone effects, with [source code](https://github.com/dpfens/dogpack).
  - Points examples - Generative art demos covering particles, render passes, and other WebGPU techniques.
  - Darkly.art - Open-source photo editor with an advanced WebGPU compositor written in Rust + WebAssembly - [Repository](https://github.com/darkly-art/darkly)
  - Spookyball - A Halloween-themed, open source Breakout clone, by Brandon Jones - [Repository](https://github.com/toji/spookyball)
  - Thimbleberry Image Transform Demo - An Image processing app built using Thimbleberry, by [mighdoll](https://vis.social/@mighdoll) - [Repository](https://github.com/mighdoll/thimbleberry/tree/main/image-demo)
  - WebGPU real-time ray tracer - A real-time ray tracer implementing the ReSTIR algorithm.
Gists
- Safari
  - 2D - Signed distance field primitives in WGSL, by [@munrocket](https://github.com/munrocket).
Historical resources
- Safari
  - A Taste of WebGPU in Firefox - Mozilla.org article by Dzmitry Malyshau.
  - Point of WebGPU native - By Dzmitry Malyshau.
  - Implementing WebGPU in Gecko - By [Dzmitry Malyshau](https://github.com/kvark).
  - A brief history of graphics on the web and WebGPU - By Ashley Gullen.
  - wgpu-rs on the web - Rust Graphics Mages.
  - Compiling Machine Learning to WebAssembly and WebGPU with Apache TVM - By [Tianqi Chen](https://github.com/tqchen) & [Jared Roesch](https://github.com/jroesch).
  - Next-generation 3D Graphics on the web - Webkit.org article by [Dean Jackson](https://twitter.com/grorgwork).
  - 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).
  - From WebGL to WebGPU: A perspective from Babylon js by David Catuhe
  - Next-Generation 3D Graphics on the Web (Google I/O 2019)
  - Building WebGPU with Rust - By Dzmitry Malyshau from Mozilla.
  - YC Point of WebGPU on native - Discussion regarding this article.
  - webgpu-devtools - Legacy alpha browser extension.
  - webgpu-debugger - Legacy alpha debugger.
  - 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).
  - Mik Bry
Libraries
- Safari
  - Babylon.js - Open game and rendering engine.
  - Dawn - Google implementation that powers WebGPU in Chromium, can be used as a standalone package.
  - wgpu - Cross-platform Rust graphics API based on WebGPU, used by Firefox and native applications.
  - webgpu-headers - C/C++ headers.
  - RedGPU - JavaScript WebGPU library, by [@redcamel](https://github.com/redcamel).
  - WebGPU .NET - Browser-focused .NET bindings for the Emscripten WebGPU API.
  - 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.
  - GEngine - A basic rendering engine based on WebGPU, by junwei.gu.
  - Thimbleberry - Reusable WebGPU shaders and support functions.
  - WebRTX - Experimental ray-tracing layer implemented with WebGPU compute shaders.
  - Three.js - 3D library with WebGPURenderer and Three.js Shading Language (TSL) for shader authoring.
  - React Native WebGPU - React Native implementation of WebGPU using Dawn.
  - TypeGPU - Type-safe toolkit for GPU resources and shaders authored in TypeScript.
  - sokol - Simple STB-style cross-platform libraries for C and C++.
  - WebGpGpu.ts - A WebGPU framework to access compute shaders, browser or server-side, without the steep learning curve.
  - Use.GPU - Reactive/declarative WebGPU runtime.
  - spark.js - A real-time GPU texture compression library for WebGPU.
  - PlayCanvas - Web-based game engine with WebGPU support.
  - PixiJS - 2D rendering engine with a WebGPU renderer.
  - zephyr3d - A TypeScript-based 3D rendering engine with WebGPU/WebGL support.
  - ChartGPU - Interactive charting library using WebGPU for rendering.
  - luma.gl - Graphics and compute toolkit with WebGPU and WebGL backends.
  - webgpu-utils - Helpers for buffer layouts, textures, mipmaps, and bind groups.
  - Emdawnwebgpu - Dawn-maintained WebGPU bindings for Emscripten applications.
  - wgpu-native - Native C interface to the Rust wgpu implementation.
  - Vello - Experimental Rust 2D vector renderer using wgpu and GPU compute.
  - Deno - JavaScript and TypeScript runtime with WebGPU support through the `--unstable-webgpu` flag.
  - WESL - Community WGSL extensions for `import`, `@if`, and more.
  - vgpu - TypeScript WebGPU library with typed WGSL imports and a shared API for browsers, Node.js, and tests.
  - RunMat - GPU-accelerated numerical computing runtime for MATLAB-syntax programs, with browser execution through WebAssembly and WebGPU.
  - Vienna WebGPU Engine - Educational C++ game engine built on WebGPU, with rendering tutorials and native and browser backends.
  - Points - Generative art library built with WebGPU.
  - fisheye.js - WebGPU compute library for fisheye image and video correction using WebCodecs.
Tutorials
- Safari
  - Get started with GPU Compute on the Web - Tutorial on how to use WebGPU for non-graphical applications, by [François Beaufort](https://github.com/beaufortfrancois).
  - Build a compute rasterizer in WebGPU - How to build a complete rasterizer using compute shaders, by [Omar Shehata](https://github.com/OmarShehata).
  - Learn wgpu - Tutorial and examples on wgpu, a Rust implementation of WebGPU, by [@sotrh](https://github.com/sotrh)
  - LearningWebGPU 教程 (Chinese) - Tutorials using WGSL; the older GLSL-to-SPIR-V branch is deprecated.
  - 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).
  - Your first WebGPU app - Google codelab introducing rendering and compute with a Game of Life simulation.
  - Learn vgpu - Interactive introduction to the vgpu API with live WGSL editing.
Videos
- Safari
  - Introducing WebGPU: Unlocking modern GPU access for JavaScript - By Google.
  - A proper look at WebGPU for native games - By [Madrigal](https://www.madrigalgames.com/)
  - WebGL to 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)
Websites
- API documentations
  - API quick reference and documentation - WebGPU.rocks.
  - MDN - WebGPU API reference.
- Misc
  - 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 - News and articles about WebGPU.
- Official websites
  - Official WebGPU Explainer
  - GPUWeb - Official GitHub repository.
  - WebGPU.org - Resource hub for browser support, learning materials, and developer tools.
- WebGPU Specifications
  - History
  - Editor's Draft
- WGSL (WebGPU Shading Language) Specifications
  - Published specification
  - Editor's Draft

Programming Languages

JavaScript 15 TypeScript 15 Rust 8 C++ 4 Bikeshed 2 Python 1 C# 1

awesome-webgpu

AI libraries

Safari

Articles

Safari

Books

Safari

Browser support

Chromium

Firefox

Misc

Safari

Bug reporting

Safari

Community

Safari

Debuggers and Profilers

Safari

Demos

Safari

Gists

Safari

Historical resources

Safari

Libraries

Safari

Tutorials

Safari

Videos

Safari

Websites

API documentations

Misc

Official websites

WebGPU Specifications

WGSL (WebGPU Shading Language) Specifications