ElyriDotField
A WebGL breathing dot grid: fine dots swell and glow with slow noise waves, while dots near the pointer magnify, part and take the accent color.
Customize
Dot color
#8a90a6Accent
#7c6cffProps
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content layered above the background |
color | string | '#8a90a6' | Base dot color (hex) |
highlightColor | string | '#7c6cff' | Accent color for wave crests and dots near the pointer (hex) |
gap | number | 22 | Grid spacing in CSS pixels |
speed | number | 1 | Animation speed multiplier |
interactive | boolean | true | Whether dots near the pointer magnify and part |
className | string | — | Extra class name |
Dependencies
WebGL