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

  • SpotlightA noise-wobbled glow that tracks your cursor across the dark — hover to move it.
  • Gentle WavesA calm light-to-blue gradient rolling with slow, soft waves.
  • Plasma FlowClassic interfering sine fields cycling through a vivid cosine palette.
  • Aurora CurtainDrifting ribbons of green and violet light over a deep night sky.
  • Liquid MetalLayered domain warping that pools into a flowing chrome surface.
  • Drifting CloudsSoft warped fbm clouds rolling across a clear blue sky.
  • Neon RingsPulsing, wobbling concentric rings glowing through a cosine spectrum.
  • KaleidoscopeEight-fold mirrored noise that slowly rotates through the spectrum.
  • Liquid CausticsSunlight refracting through rippling water onto a pool floor.
  • Wave LinesStacked glowing sine lines drifting at staggered speeds through a cosine palette.
  • 70s MeltIterated sine domain-warping melts the plane into a wobbling 70s lava haze.
  • Dreamy CloudsSoft photographic cumulus clouds drifting across a periwinkle-to-pink dream sky — layered for depth, with lit tops and cool shadowed undersides.
  • Mesh GradientSix color spots drifting on sine paths, blended by inverse-distance weights under a center swirl.
  • Neuro NoiseA glowing neural web woven from fifteen rotated sine layers, after zozuar's algorithm.
  • Smoke RingA wispy torus of smoke — polar fbm streams outward and breathes the ring into drifting tendrils.
  • God RaysWarm volumetric rays streaming from a glowing core, carved from angular value noise.
  • MetaballsGooey blobs orbiting the center and merging through a classic inverse-square field.
  • Voronoi GlassAnimated stained-glass voronoi cells with dark grout lines and a soft glow at every border.