WGSL.run: A Sandbox for WGSL Shaders with Live WebGPU Preview — See Your Code (and Bugs) Instantly

You know that feeling when you write a shader, hit compile, go grab a coffee, and come back to a black screen? The folks behind WGSL.run apparently do. They built an online sandbox for WGSL (WebGPU Shading Language) that shows results in real time. No npm install, no build tools — just open, type, and see.

WGSL is the shader language for WebGPU, meant to replace SPIR-V and make browser graphics more approachable. Right now, it feels like a cross between Rust and GLSL with a dash of bureaucracy — strict types, quirky syntax. But WGSL.run lets you quickly check if you forgot a semicolon or why your triangle turned into a glitchy mess.

The sandbox includes a few examples, syntax highlighting, and live rendering. It's like Jupyter for shaders, minus the notebooks and with better graphics. Of course, it's not perfect — no autocomplete, debugger, or multi-thread support. But for rapid prototyping, it's a solid tool.

METABYTE studio's take: WGSL.run is a great way to avoid cluttering your machine with local projects just for one experiment. At METABYTE, we love tools like this: they save time you can spend on more important things — like hunting down that one bug in your CI/CD pipeline.