ElyriContours
WebGL topographic contours: a slowly evolving terrain sliced into even hairlines with a bolder index line every fifth, rising into a hill under the pointer.
Customize
Line color
#8a90a6Accent
#f08a4bProps
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content layered above the background |
color | string | '#8a90a6' | Contour line color (hex) |
highlightColor | string | '#f08a4b' | Accent color for lines near the pointer (hex) |
density | number | 1 | Contour density multiplier |
speed | number | 1 | Animation speed multiplier |
interactive | boolean | true | Whether a hill rises under the pointer |
className | string | — | Extra class name |
Dependencies
WebGL