ElyriSilkWaves
A WebGL flowing silk surface with rolling folds, satin sheen and a highlight that follows the pointer.
WebGL · Real-time
Components that come alive
A React library of living backgrounds, motion and text effects — built to make your interface feel alive.
Customize
Silk color
#9a6424Sheen
#ffe3b0Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content layered above the background |
color | string | '#9a6424' | Silk body color (hex) |
highlightColor | string | '#ffe3b0' | Sheen highlight color (hex) |
folds | number | 1 | Fold density multiplier |
speed | number | 1 | Animation speed multiplier |
interactive | boolean | true | Whether the light follows the pointer |
className | string | — | Extra class name |
Dependencies
WebGL