Aurora Background
Slowly drifting aurora gradient background with configurable colors and speed.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
AuroraBackgroundProps
Also accepts all props of React.ComponentProps<"div">
| Prop | Type | Default | Description |
|---|---|---|---|
| colors | string[] | ["#f97316", "#a855f7", "#06b6d4"] | Up to four blob colors |
| speed | number | 18 | Seconds per drift cycle; lower is faster |
| intensity | number | 0.55 | Blob opacity, 0–1 |
Install
$ npx shadcn@latest add https://chromotion.dev/r/aurora-background.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.