Aurora Veil
An aurora borealis background — noise-driven light curtains ripple and fold across the sky over twinkling stars; on light themes the same curtains render as soft pigment veils.
Installation
▸ Run the following command
npx shadcn@latest add https://www.mellowui.com/r/aurora-veil.json▸ Or install manually
- Copy the source from the Code tab above.
- Place it at
components/mellow/aurora-veil.tsx - Import and use.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| colors | string[] | — | Curtain colours as "R, G, B" triplets, one per band. |
| speed | number | 1 | Animation speed multiplier. |
| intensity | number | 1 | Overall brightness of the curtains, 0–2. |
| stars | boolean | true | Twinkling stars behind the aurora (dark themes only). |
| className | string | — | Additional CSS classes. |
| children | ReactNode | — | Content rendered inside the component. |