ElyriHalo
A minimal WebGL halo: a single hairline ring of light at the center, with two highlights drifting around it and generous empty space.
Customize
Primary
#8fb4ffGradient
#e7c6ffProps
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content layered above the background |
colors | [string, string] | ['#8fb4ff', '#e7c6ff'] | Two gradient colors flowing around the ring (hex) |
size | number | 1 | Ring radius multiplier |
speed | number | 1 | Animation speed multiplier |
interactive | boolean | true | Whether the ring center leans slightly toward the pointer |
className | string | — | Extra class name |
Dependencies
WebGL