Backgrounds / background

Silk

Flowing fabric folds shaped by layered sine fields, fine grain and luminous highlights.

PLAYGROUND

Preparing preview…

Take it with you.

SOURCE ACCESS

Enter the shared password to copy the complete source, download every file, and install components in your app.

Access lasts 24 hours. Your preview settings stay with you.

Preserves the complete authorized Silk vertex/fragment shader, light branch, normalized RGB pipeline and unit plane scaled to the viewport.
The primitive fills its parent; provide an explicit height. The Demo supplies a complete sized composition.
Owned absolute time excludes paused, hidden and offscreen time. Speed affects only the shader; zero speed and reduced motion render stationary folds. Replay resets phase without remount.
Canvas uses an independent never-loop root and DPR capped at 1.5. GPU failure retains a clearly labeled solid-color fallback.

React 19.2Modern browsersWebGL

React Bits — David Haz · MIT + Commons Clause. Reuse explicitly authorized; see bundled exact notice.

React Three Fiber · MIT; full notice included.

Prop	Type	Default	Description
`speed`	number	`5`	See controls for supported values.
`scale`	number	`1`	See controls for supported values.
`color`	string	`"#5227ff"`	See controls for supported values.
`noiseIntensity`	number	`1.5`	See controls for supported values.
`rotation`	number	`0`	See controls for supported values.
`lightMode`	boolean	`false`	See controls for supported values.
`paused`	boolean	`false`	Suspends animation while retaining a useful frame.
`replayToken`	number	`0`	Any change resets shader phase without remounting.
`className`	string	`''`	Additional host class.