Aurora Background

Animated aurora borealis gradient background with configurable colors and speed.

backgroundgradientauroraanimated

Installation

Terminalbash
npx motioncraft add aurora

Usage

aurora.tsxtsx
import { Aurora } from "@/components/backgrounds/aurora";

<Aurora className="h-screen" />

Props

PropTypeDefaultDescription
classNamestring—Additional CSS classes

Related Components

Gradient Blur

Blurred gradient orbs with configurable colors for atmospheric backgrounds.

Gradient Mesh

New

Multi-point animated mesh gradient that adapts to the active direction. Supports interactive mouse tracking.

Meteors

Falling meteor animation with randomized paths and fading trails.

Particles

Floating particle system with configurable density and movement.