WebGPU Live Demo Editor

Now live at https://www.wgsl.dev/.

Home grown ‘Live Code Editor’, with custom made WebGPU examples.
Built with Node, React, and WebGPU API.

More technical details on Github page.

Goal of The Examples

Provide clear and consistent examples that:

  • Are composed of a single .html file, which includes all JS and shader code inline.
  • Are able to run directly without referencing TypeScript or other framework code.
  • Do not rely on external dependencies (glMatrix is the one exception).

This project is a reconstruction and representation of the official webgpu samples from webgpu-samples, with a few additions and expansions added.

Some of the changes here have been added back to the official webgpu samples. (Such as PR 227)