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
Spring release
Northern lights for your hero
A slow, drifting gradient that sits behind any headline.
Velora's signature drifting aurora gradient backdrop.
Now in public beta
Deploy on every push
Preview links for each branch, ready before the review starts.
Light beams flowing along curved paths behind content.
Hover the grid
An isometric grid whose cells light up in brand tints under the pointer.
Realtime sync
Every edit, everywhere, instantly
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.
Grid pattern · Dot pattern
Texture that stays out of the way
SVG grid and dot backdrops with maskable depth.
Lit from above
A glowing lamp line that opens as the section scrolls in.
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.
Drifting brand-gradient blobs under a static film-grain overlay; wraps its content.
Particles
Drifting, twinkling particle field on a lightweight canvas.
Launch week · Day 3
Back to the grid
Perspective grid scrolling forever toward the horizon.
Looking for devices…
Keep your phone nearby
Concentric rings pulsing outward — calm 'listening' backdrop.
Make a wish
A twinkling star field with brand-tinted streaks shooting across at random.
Into the vortex
Brand-tinted particles spiralling into the centre, leaving soft fading trails.
Make some waves
Blurred, translucent ribbons of brand colour flowing sideways on a canvas.