WebGPU FiddleA browser-based WGSL shader editor

Write, edit, and preview WebGPU shaders in real time with a built-in Monaco editor and live rendering canvas.

Live Preview

See your shader output update in real time as you type. The WebGPU canvas renders your vertex, fragment, and compute shaders instantly.

Start from pre-built templates including ray marched SDFs, Julia set fractals, particle simulations, and Conway's Game of Life.

Full-featured code editor with WGSL syntax support, tabbed editing for vertex, fragment, and compute shader stages.

Go beyond rendering with compute shaders. Use ping-pong double buffering for GPU-driven simulations like particle systems and cellular automata.

Common uniforms like time, resolution, and mouse position are automatically injected into your shaders, so you can focus on the visuals.

Adjust vertex draw count, instance count, and initial data per template. Fine-tune rendering parameters without touching shader code.