Shader Playground
A collection of real-time GLSL shader-based hero backgrounds rendered via OGL (WebGL2). Each shader exposes a live control panel — adjust colors, noise, warp, grain, and more.
Grainient
Gradient noise with warp, grain, and rich color blending — the original shader playground.
Ripple
Concentric ripples with configurable frequency, amplitude, and layered wave decay.
Kaleidoscope
Mirrored radial patterns with FBM noise, rotational symmetry, and organic color drift.
Plasma
Organic flowing plasma with UV warping and multi-stop color gradients.
Voronoi
Cellular noise with animated cells, edge glow, and procedural color mapping.
Aurora (GLSL)
Polar light curtains with wave distortion, multi-layer bands, and atmospheric glow.
SVG Technical Lines
Product-automation laser frame — rounded end diamonds, curved bottom bridge, blue thumbs in sync.
Aurora (CSS)
Four blended color bubbles drifting in irregular paths; overlaps merge via mix-blend.
Neon Rings
Neon rings with configurable frequency, amplitude, and layered wave decay.