Aurora Button
Holographic aurora button with autonomous floating blob animation, rainbow edge highlight, and noise texture overlay. Zero-dependency — uses requestAnimationFrame.
| Prop | Type | Default | Description |
|---|---|---|---|
auroraColors | [string, string, string] | — | Custom colors for the three aurora blobs |
blobs | AuroraBlobConfig[] | Pink/Blue/Gold | Full blob configuration override |
edgeColors | string[] | — | Custom rainbow top-edge gradient colors |
speed | number | 1 | Animation speed multiplier (0 disables) |
noiseOpacity | number | 0.2 | Noise texture overlay opacity (0–1) |
noiseSrc | string | Aceternity noise URL | Custom noise texture image URL |
children | React.ReactNode | — | Button content |
className | string | — | Additional CSS classes for inner button |
All standard <button> HTML attributes are also supported.
