Write WGSL shader code and see live GPU-rendered output instantly. A real-time playground for graphics programmers, creative coders, and GPU enthusiasts.
Write WGSL shaders with line numbers, real-time compilation, and instant error reporting. Changes render at 60 fps as you type.
Direct WebGPU rendering with zero abstraction layers. Your fragment shaders draw straight to a GPU-accelerated canvas.
Cosmic gradients, sine wave interference, particle nova — pick a template and start experimenting immediately.
Auto-compilation with debounce, clear error messages with line numbers, and a one-click Run button for immediate results.
Focus on the creative parts. Shadex handles the WebGPU pipeline setup, buffer management, and render loop for you.
struct Particle {
pos: vec2<f32>,
vel: vec2<f32>,
life: f32,
}
@compute @workgroup_size(256)
fn main(@builtin(global_invocation_id)
id: vec3<u32>
) {
let i = id.x;
var p = particles[i];
let gravity = vec2(0.0, -9.8);
p.vel += gravity * 0.016;
p.pos += p.vel * 0.016;
p.life -= 0.016;
if (p.life <= 0.0) {
p = respawn(i);
}
particles[i] = p;
}The playground is free forever. Upgrade to Pro for professional export tools, high-res capture, and advanced templates.
Jump into the playground and start writing shaders immediately. No setup, no downloads, no accounts.