Components / BACKGROUNDS
Animated WebGL Background Components for React
Full-screen animated backgrounds powered by WebGL2 shaders. Aurora curtains, nebula clouds, plasma storms, and cosmic vortices — GPU-accelerated, tinted via CSS variables, drop-in as React components or Astro islands.
- 01★
Cosmic Morph
WebGL2 particle engine that morphs between images with physics-based mouse interaction.
- 02★
Shifting Sands
WebGL2 wind-sculpted sand dune ridges with mouse-driven surface interaction.
- 03★
Cosmic Vortex
WebGL2 swirling energy vortex background with mouse-controlled center point.
- 04★
Smoke Ink
WebGL2 dense smoke tendrils with curl noise, volumetric light, and mouse-driven fluid.
- 05
Liquid Chrome
WebGL2 metallic fluid surface with Fresnel reflections and mouse-driven ripples.
- 06★
Aurora Curtain
WebGL2 aurora borealis curtain with layered light bands and mouse-tilt interaction.
- 07★
Nebula Forge
WebGL2 volumetric nebula clouds with domain-warped FBM and mouse gas attraction.
- 08
Ember Rain
WebGL2 falling embers through volumetric smoke with mouse-driven updrafts.
- 09
Frozen Fracture
WebGL2 ice crystal frost background with dendritic growth and prismatic refraction.
- 10
Plasma Storm
WebGL2 electric plasma arcs with mouse-attracted lightning and ambient glow.
- 11
Molten Glass
WebGL2 viscous glass blobs that merge and split with internal caustic light patterns.
- 12
Sci-Fi Environment
Three.js sci-fi background with smoky ring and animated distortion effects.