online-wgsl-editor is a tiny online WGSL (WebGPU Shading language) editor.

You can test WGSL on your web browser. It is good especially for people who want to learn WGSL.

Online demo

Use Chrome for the Demo. It doesn't run on FireFox and other browsers yet.

WebGL + WebGPU Meetup - January 2022 / Slides

$ git clone https://github.com/takahirox/online-wgsl-editor.git
$ cd online-wgsl-editor
$ npm install
$ npm run start
# Access http://localhost:8080 on your web browser

Note: To run the demo locally, download Google Chrome Canary and enable #enable-unsafe-webgpu flag via chrome://flags.

I referred to Three.js and glMatrix for WebGPU and Math.