ElyriDragonScales
A WebGL side-view dragon-scale background with an obsidian glaze, flowing contour reflections and double-lined rims. The light follows the pointer.
Customize
Scale color
#7b3fe4Highlight
#e7a6ffProps
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content layered above the background |
color | string | '#7b3fe4' | Scale body color (hex) |
highlightColor | string | '#e7a6ff' | Reflection and rim color (hex) |
scaleSize | number | 110 | Width of a single scale in pixels |
speed | number | 1 | Animation speed multiplier |
flare | number | 0 | Scale flare amount, 0-1 (0 disables). A wave travels along the body, lifting and settling scales in turn |
interactive | boolean | true | Whether the light follows the pointer |
className | string | — | Extra class name |
Dependencies
WebGL