Awesome-WebGPU

Awesome-WebGPU is a collection of WebGPU related sources, including official specifications, useful articles, tutorial pages, libs, and more.

Please contribute. Let's make this guide better!

---

To do:

• Contributing Guidelines

Table of Contents

• Specification

• WebGPU-API-implementing

• Articles

• Tutorials

• Awesome

• Libraries

• Examples

• Engines

• Mobiles

• Native

• Games

• Performance

• Compute

• Loaders

• Best-Practices

• Gltf

---

Specification

The offical specification links.

• WebGPU Specification

• WebGPU Shading Language

• WebGPU Explainer

WebGPU-API-implementing

• gfx-rs/wgpu: Safe and portable GPU abstraction in Rust, implementing WebGPU API. - Mozilla implementation

• dawn - Google implementation

Articles

The articles that rich webgpu's ecosystem.

• Raw WebGPU

  • [CN] - WebGPU 基础教程

• 为什么需要从 WebGL 转到 WebGPU?

• WebGPU for Metal Developers, Part One – Metal by Example

• WebGPU for Metal Developers, Part Two – Metal by Example

• onsummer/my-dev-notes: WebGPU 中的缓冲映射机制 (The Buffer Mapping mechanism in WebGPU)

Tutorials

Some useful pages that can help you learn webgpu.

• WebGPU - Everything I know

• From 0 to glTF with WebGPU: The First Triangle - Updated

• From 0 to glTF with WebGPU: Bind Groups - Updated

• hjlld/LearningWebGPU: WebGPU tutorials inspired by LearningWebGL.com. Use both WGSL and GLSL/SPIR-V.

Awesome

• mikbry/awesome-webgpu: 😎 Curated list of awesome things around WebGPU ecosystem.

Libraries

• redcamel/RedGPU: RedGPU - Javascript WebGPU Library

Examples

• Twinklebear/webgpu-experiments: A series of examples written while learning about WebGPU

• alaingalvan/webgpu-seed: 🔺🌱 An example on how to render a hello triangle with WebGPU.

• redcamel/webgpu: webGPU basic samples

• toji/webgpu-test: Testing WebGPU

• austinEng/webgpu-samples: WebGPU Samples

• toji/webgpu-external-test: Tests consuming external textures with WebGPU (Live)

Engines

• ArcheGraphics/Arche.js: Entity-Component Based Graphics Engine rendered by WebGPU

Mobiles

• jinleili/wgpu-on-app: Integrate wgpu on iOS | Android Apps without using winit

Native

• samdauwe/webgpu-native-examples: Collection of C-language examples that demonstrate basic rendering and computation in WebGPU native.

Games

• toji/spookyball: WebGPU-powered, Halloween-themed breakout game (Live)

Performance

• toji/webgpu-clustered-shading: Personal experimental project to implement clustered shading with WebGPU.

Compute

• bbbbx/webgpu-compute: A demo(~100 LOC) shows the WebGPU compute pipeline.

Loaders

• loaders.gl

• toji/web-texture-tool: Texture loading utility for WebGL and WebGPU

Best-Practices

• WebGPU best practice on WebGL/WebGPU meetup Feb 2022 (GoogleDocs slides)

  • [CN] - WebGPU 最佳实践 - 于 2022 年 WebGL/WebGPU meetup

• webgpu-best-practices/buffer-uploads.md at main · toji/webgpu-best-practices

• toji/webgpu-metaballs: Metaballs rendered in WebGPU (Live)

Gltf

Gltf, a common, web-friendly 3D data specification.

• Twinklebear/webgpu-gltf: A glTF loader and viewer using WebGPU

• glTF-Transform

• Draco 3D Graphics Compression