Backgrounds that
glow in the dark.
A curated collection of dark, glowing, re-themeable WebGL shaders. Drop one into any page, recolour it across 30 palettes, and take the GLSL with you.
npx shader-gallery add A wall of living shaders.
150 backgrounds across 29 families — pick a theme to recolour them all, copy the GLSL to take one.
Add a shader in one line.
A tiny CLI fetches the GLSL and writes a self-contained file — no build step, nothing to wire up.
- Works in any framework
- Self-contained — runtime inlined
- Theme & tune via parameters
- Stays the shape it shipped
$ npx shader-gallery add nacre✓ fetching nacre · Molten✓ writing nacre.html✓ inlining @shader-gallery/runtimeDone — drop it into any page.
More than a pretty gradient.
Every shader is live WebGL with a real theming and post-processing pipeline behind it.
Re-theme live
Every tile reads its palette at runtime — recolour the whole wall across 30 themes with no reload.
Post-FX studio
A shared two-pass pipeline: film grain, chromatic aberration, vignette and tone, tuned per shader.
Pure WebGL, yours to take
One framework-free runtime — no build step, no dependencies, just a canvas and a fragment shader. Every shader’s GLSL is yours to copy.
Mash & evolve
Breed parameters in Evolve, blend whole shaders in Mashup — both live in the browser.
Drops anywhere
One element on any page — plain HTML, JS, React, Vue or Svelte. The background does the rest.
Free & open source
Every shader and the runtime ship under the MIT license. Use them anywhere, personal or commercial, with no attribution gymnastics.
One shader, every mood.
The same GLSL, recoloured live across the whole gallery palette set.
Find your background.
150 live shaders, 29 families, one click away.
Explore the gallery →