Angular adaptation of an effect by David Haz / reactbits.dev.
Import
import { WrAurora } from 'ngwr/aurora';Playground
<wr-aurora
[amplitude]="1"
[blend]="0.5"
[speed]="1"
/>Customize
Stop A
Stop B
Stop C
Amplitude
Blend
Speed
API
| Name | Description | Type | Default |
|---|---|---|---|
colorStops | Exactly three colour stops, ramped left → right. | readonly string[] | theme-aware (deep violet/emerald on light, neon on dark) |
amplitude | Wave height multiplier. | number | 1 |
blend | Softness of the aurora's lower edge, 0..1. | number | 0.5 |
speed | Time multiplier. | number | 1 |