Shadertoy-Style Visuals
Browser-based galleries and editors to create and browse shader art, grouped by use case.
Browser GLSL Galleries & Editors
- GLSL Sandbox — A classic, minimalist playground for fragment shaders with a browsable gallery.
- The Book of Shaders — Editor & Examples — Learn by tweaking; many examples produce Shadertoy-like looks.
- glsl.app — A modern WebGL/GLSL online editor with code completion and project structure.
- VertexShaderArt — Shadertoy vibes using a vertex-only shader; great for wireframe/pointillism styles.
Node Composition + Code
- ShaderFrog 2.0 — Hybrid node + GLSL editing; convenient for material-style looks in the browser.
- cables.gl — Patch-based WebGL for interactive visuals and installations.
Live-Coding / VJ-Friendly
- Hydra — “Video synth” in the browser; audio/camera inputs make abstract Shadertoy-like visuals fast.
- ISF (VIDVOX) — Share/edit GLSL as Interactive Shader Format; includes an online gallery.
- Bonzomatic — Demoscene-standard live shader coding tool for performance and streaming.
WebGPU / WGSL
- WebGPU Shader Toy (WGSL) — Shadertoy-style experiments written in WGSL to explore WebGPU.
Local Experiments (Desktop)
- KodeLife — Real-time shader editor with multi-API support; reliable for stage use.
- glslViewer / glslCanvas — Run GLSL locally or embed on your site with minimal setup.
Quick Picks
“Browse like Shadertoy”
GLSL Sandbox, Book of Shaders
“Perform / Live tweak”
Hydra, Bonzomatic
“Node-based depth”
ShaderFrog, cables.gl
“Try future APIs”
WebGPU Shader Toy (WGSL)
If you’d like, we can add direct links and example presets you can open in one click.
Comments
Post a Comment