SilkWaves

A WebGL flowing silk surface with rolling folds, satin sheen and a highlight that follows the pointer.

Elyri

WebGL · Real-time

Components that come alive

A React library of living backgrounds, motion and text effects — built to make your interface feel alive.

Text

Silk color

#9a6424

Sheen

#ffe3b0

Folds1Speed1Follow pointer

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

WebGL