Aurora Background
Smooth, blurred aurora borealis effect with animated color blobs.
Import
import { AuroraBackground } from "@igorao79/uivix";Playground
Aurora effect
1x
120px
0.3
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colors | string[] | ["#8b5cf6", "#3b82f6", "#06b6d4", "#8b5cf6"] | Aurora blob colors |
| speed | number | 1 | Animation speed multiplier |
| blur | number | 120 | Blur intensity in px |
| opacity | number | 0.3 | Aurora opacity (0-1) |
| className | string | fixed inset-0 ... | CSS class for the canvas |