WebGL Shader Backgrounds

GPU shader backgrounds for React — plasma flows, gentle waves, spotlights and generative GLSL effects running in WebGL. Each shader ships as a component with its fragment source included.

ASCII Animations

All 18 shaders components

  • Spotlight — A noise-wobbled glow that tracks your cursor across the dark — hover to move it.
  • Gentle Waves — A calm light-to-blue gradient rolling with slow, soft waves.
  • Plasma Flow — Classic interfering sine fields cycling through a vivid cosine palette.
  • Aurora Curtain — Drifting ribbons of green and violet light over a deep night sky.
  • Liquid Metal — Layered domain warping that pools into a flowing chrome surface.
  • Drifting Clouds — Soft warped fbm clouds rolling across a clear blue sky.
  • Neon Rings — Pulsing, wobbling concentric rings glowing through a cosine spectrum.
  • Kaleidoscope — Eight-fold mirrored noise that slowly rotates through the spectrum.
  • Liquid Caustics — Sunlight refracting through rippling water onto a pool floor.
  • Wave Lines — Stacked glowing sine lines drifting at staggered speeds through a cosine palette.
  • 70s Melt — Iterated sine domain-warping melts the plane into a wobbling 70s lava haze.
  • Dreamy Clouds — Soft photographic cumulus clouds drifting across a periwinkle-to-pink dream sky — layered for depth, with lit tops and cool shadowed undersides.
  • Mesh Gradient — Six color spots drifting on sine paths, blended by inverse-distance weights under a center swirl.
  • Neuro Noise — A glowing neural web woven from fifteen rotated sine layers, after zozuar's algorithm.
  • Smoke Ring — A wispy torus of smoke — polar fbm streams outward and breathes the ring into drifting tendrils.
  • God Rays — Warm volumetric rays streaming from a glowing core, carved from angular value noise.
  • Metaballs — Gooey blobs orbiting the center and merging through a classic inverse-square field.
  • Voronoi Glass — Animated stained-glass voronoi cells with dark grout lines and a soft glow at every border.