Aurora Background
A beautiful animated aurora gradient backdrop
Installation
Usage
import { AuroraBackground } from "@/components/pioneerui/aurora-background"
export default function Page() {
return (
<AuroraBackground>
<h1 className="text-4xl font-bold">Your content here</h1>
</AuroraBackground>
)
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
showRadialGradient | boolean | true | Whether to apply the radial gradient mask |
children | React.ReactNode | undefined | Content to render over the aurora |
className | string | undefined | Additional CSS classes for the wrapper |