Write WGSL, validate and run it live in the browser.

An in-browser WGSL validator and playground. No install — powered by libwgsl, the same wgsl_check pipeline as the C library and VS Code extension.

Open Playground Free · runs entirely in your browser

Live preview — edit the shader, watch validation update Open the full Playground ›

compute.wgsl WGSL · compute

@group(0) @binding(0)
var<storage, read_write> pixels : array<vec4f>;

@compute @workgroup_size(8, 8)
fn main(@builtin(global_invocation_id) id : vec3u) {
  let uv = vec2f(id.xy) / vec2f(640.0, 480.0);
  pixels[id.x + id.y * 640u] = vec4f(uv, 0.0, 1.0);
}

Ln 1:Col 1 len 0 err 0 warn 0 UTF-8 · LF · WGSL

Diagnostics Module JSON Preview wgsl_check

valid

compute.wgsl

no diagnostics — module checks out

1 entry point · 1 resource · libwgsl wgsl_check

0 errors · 0 warnings · libwgsl wgsl_check · LSP-shaped ranges

{
  "entry_points": [{ "name": "main", "stage": "compute" }],
  "resources": [{ "group": 0, "binding": 0 }],
  "structs": [],
  "overrides": []
}

checking WebGPU… t

at a glance

565,599

CTS compile cases matched

36/36

native test targets passing

SPIR-V / MSL / HLSL promises

C99

frontend core · wasm-packaged

capabilities

01Spec-facing validator

Lexer, parser, resolver, const-eval, type checker, validator, uniformity, alias analysis, layout checks — through one C API.

const-evaluniformitylayout

02Editor-grade signals

LSP-shaped diagnostic ranges, semantic tokens, hover types, definition lookup, module-summary JSON.

diagnosticssemantic tokenshover

03WebGPU host preview

Run curated render and compute examples, adjust parameters, inspect host plans.

rendercomputeparams

04Shareable projects

Project files and params round-trip through the URL. Send a repro as a link.

url staterepro link

pipeline

inWGSL

01Parse

02Resolve

03Type Check

04Validate

05JSON

outWebGPU