Aurora
Visual Effects
Aurora borealis gradient background effect with smoothly animated blurred color blobs.
Loading preview...
Customize
Speed (s)10
Blur (px)120
Props
| Prop | Type | Default | Description |
|---|---|---|---|
colors | string[] | ['#22c55e', '#7B61FF', '#06b6d4', '#a855f7'] | Array of colors for the aurora blobs. |
speed | number | 10 | Base animation speed in seconds. |
blur | number | 120 | Blur amount in pixels. |
className | string | '' | Additional CSS classes. |
children | React.ReactNode | — | Content to display on top of the aurora. |