KQ-049 · AURORA/RIBBON
Aurora Ribbon
Slow sinusoidal ribbons of light that undulate across the field like an aurora and bend toward the pointer — a calm, luminous canvas backdrop.
KQ-049 · AURORA/RIBBON
AURORA · FIELDKQ-049
Move the pointer — the ribbons lean.
Canvas 2D · additive glow · pauses offscreen
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/aurora-ribbon
Props
- bands
- number
- default 3
- Number of ribbons, clamped to 1–6.
- height
- number
- default 320
- Stage height in px when used standalone.
- children
- ReactNode
- default —
- Overlay content rendered above the field.
| Prop | Type | Default | Description |
|---|---|---|---|
| bands | number | 3 | Number of ribbons, clamped to 1–6. |
| height | number | 320 | Stage height in px when used standalone. |
| children | ReactNode | — | Overlay content rendered above the field. |