ElyriVelvet
WebGL velvet: diagonal drapes that sway slowly, a soft pile sheen along the folds, and pointer strokes that flatten the nap and fade back.
Customize
Velvet
#6a1230Sheen
#ffb3c8Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content layered above the background |
color | string | '#6a1230' | Velvet body color (hex) |
sheenColor | string | '#ffb3c8' | Pile sheen color (hex) |
folds | number | 1 | Fold density multiplier |
fuzz | number | 0.4 | Pile texture strength, 0 is smooth and 1 is visibly fuzzy |
vignette | number | 0.5 | Edge darkening strength, 0 disables it |
speed | number | 1 | Animation speed multiplier |
interactive | boolean | true | Whether the light follows the pointer and strokes leave fading trails |
className | string | — | Extra class name |
Dependencies
WebGL