# Aurora

> Flowing northern-lights ribbons rendered with a WebGL2 simplex-noise shader, ramped across three colour stops. Use as a hero / section background.

Source: https://ngwr.dev/animations/aurora  
Kind: Animation

## Import

```angular-ts
import { WrAurora } from 'ngwr/aurora';
```

## Playground

```html
<wr-aurora
  [amplitude]="1"
  [blend]="0.5"
  [speed]="1"
/>
```

## 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` |