A dark button with a light sweep that draws the eye without shouting.
26 components
Looping Animations and Ambient Backgrounds for React
Some motion should simply be there, quietly, like light moving across a wall. These looping React animations run on their own: drifting aurora and grain backgrounds, star fields, marquees of logos, orbiting icons and light that travels around a border. They are built to stay calm behind your content, they stop drawing when scrolled off screen, and they hold still for reduced-motion users. Anything that loops for more than five seconds beside your content should offer a pause, and the accessibility notes on each page say how.
A container whose border carries a light that travels around it.
A small light that travels around any element's border at a steady pace. Subtle, premium, never distracting.
Headline text with a slowly flowing, seamlessly looping gradient.
Rotates through a list of words, letters rising in and drifting out.
Pools of colour swirl and flow inside the letters, for headings that feel alive without moving an inch.
A narrow glint of light sweeps across the letters every few seconds, like light catching metal.
Types a phrase, pauses, backspaces and types the next, with a human rhythm and a caret that blinks only at rest.
Text circles slowly around an icon, like a stamp. Pauses under the pointer and picks up where it stopped.
A seamless infinite scroller for logos and testimonials that pauses on hover.
Icons, labels and shapes circling a central logo on rings, each with its own speed and direction.
Drifting, blurred color fields for hero sections and empty states.
Slow, drifting colour with a fine film grain, for warm editorial heroes.
Thin grid lines with streaks of light falling down them at scattered times.
Topographic lines that slowly shift like terrain, with a vignette for your content.
A slow-drifting night sky with twinkling stars, for space, launch and AI product heroes.
A retro perspective grid rolling toward a glowing horizon, synthwave style.
Shooting stars streaking across a dotted sky at scattered times.
A field of tiny squares that flicker softly, drawn on a canvas so it stays light.
A cone of light from above that sways gently and turns to follow the pointer.
Aurora MeshPlus
Fields of teal, sage and clay light drift and blend under swaying aurora ribbons.
A true 3D floor of glowing lines that recedes forever to a lit horizon, with an optional ceiling for a tunnel.
A feathered light follows the cursor, revealing a glowing texture. On touch screens it drifts on its own and follows a drag.
ConstellationPlus
Drifting stars join into constellations as they pass close, and reach out to the cursor with lines of light.
Testimonial WallPlus
Columns of testimonials drifting in opposite directions at different speeds, with soft faded edges. Hover to pause.
Connection GlobePlus
A dotted 3D globe you can spin by dragging, with markers pulsing at real coordinates and light travelling along arcs between them.