Animated React background components

Aurora, beams, meteors, vortex, waves, grids and particle fields for hero and CTA sections. Each is a lightweight backdrop you drop into a relative section — canvas loops pause offscreen and stop under reduced motion.

16 components · free and MIT licensed · install any of them with the shadcn CLI

Aurora

Aurora Background

Velora's signature drifting aurora gradient backdrop.

Beams

Background Beams

Light beams flowing along curved paths behind content.

Hover the grid

Background Boxes

An isometric grid whose cells light up in brand tints under the pointer.

Realtime sync

Every edit, everywhere, instantly

Dotted Glow Background

Canvas dot grid where drifting glows brighten dots and tint them toward the brand.

Flickering Grid

Grid of squares fading in and out on staggered timers.

Patterns

Grid & Dot Pattern

SVG grid and dot backdrops with maskable depth.

Lit from above

Lamp

A glowing lamp-line header that expands into view.

Light Rays

God rays fanning down from the top of a section.

Meteors

Falling meteor streaks for dark hero and CTA sections.

Quiet software for loud ideas

A calm workspace for teams that ship.

Noise Background

Drifting brand-gradient blobs under a static film-grain overlay; wraps its content.

Particles

Drifting, twinkling particle field on a lightweight canvas.

Retro Grid

Perspective grid scrolling forever toward the horizon.

Ripple

Concentric rings pulsing outward — calm 'listening' backdrop.

Make a wish

Shooting Stars

A twinkling star field with brand-tinted streaks shooting across at random.

Into the vortex

Vortex

Brand-tinted particles spiralling into the centre, leaving soft fading trails.

Make some waves

Wavy Background

Blurred, translucent ribbons of brand colour flowing sideways on a canvas.