Ambient by default
Drifting, blurred color fields for hero sections and empty states.
15 free components
A background sets the mood before anyone reads a word. These animated React backgrounds cover aurora gradients, star fields, meteors, a retro horizon grid, flickering pixels, light beams, topographic lines and more. Wrap your hero in one, put your content inside, and it handles the rest. All of them hold still for reduced-motion users.
Ambient by default
Drifting, blurred color fields for hero sections and empty states.
Move your cursor
A quiet dot grid that lights up in teal around the pointer.
Warm, textured, alive
Slow, drifting colour with a fine film grain, for warm editorial heroes.
Now shipping
Thin grid lines with streaks of light falling down them at scattered times.
Click anywhere
A tiled grid where a click sends a wave of light rolling outward.
Find your bearings
Topographic lines that slowly shift like terrain, with a vignette for your content.
Look up
A slow-drifting night sky with twinkling stars, for space, launch and AI product heroes.
Into the future
A retro perspective grid rolling toward a glowing horizon, synthwave style.
Make a wish
Shooting stars streaking across a dotted sky at scattered times.
Signal detected
A field of tiny squares that flicker softly, drawn on a canvas so it stays light.
You're on
A cone of light from above that sways gently and turns to follow the pointer.
A soft ribbon of light behind the pointer, across the window or inside one section.
Northern lights
Fields of violet, blue and cyan light drift and blend under swaying aurora ribbons.
To infinity
A true 3D floor of glowing lines that recedes forever to a lit horizon, with an optional ceiling for a tunnel.
Move through the light
A feathered light follows the cursor, revealing a glowing texture. On touch screens it drifts on its own and follows a drag.