13 / 20Graphics & canvas
Shader Studio
A live GLSL editor with presets, uniforms and instant hot-reloading WebGL.
- WebGL
- GLSL
- GPU programming
- Generative art
stirling.lab/shader-studio Live demo
Loading demo…
What to notice
- Edit fragment shaders and see them recompile as you type
- Compile errors mapped back to the offending line
- Presets: plasma, raymarched spheres, domain-warped noise, and an aurora that follows the site palette
- Auto-generated sliders for custom uniforms
How it's built
- Raw WebGL with a single full-screen triangle, so there's no library overhead.
- Recompiles are debounced and keep the last good program running on errors.
Hand-built in React 19 + TypeScript, with no UI or chart libraries.