Backgrounds
Silk
Flowing iridescent satin with a soft sheen running along the folds. The pointer presses a dent into the cloth.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { Silk } from '@vizzele/react/gl';
<Silk scale={1} sheen={1} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
scale | number | 1 | Fold size — higher means more, smaller folds. |
sheen | number | 1 | Satin highlight strength. |
speed | number | 0.35 | Flow speed. |
intensity | number | 0.9 | Brightness. |
colors | string[] | iridescent palette | Four hex colors. |
Accessibility
- The canvas is aria-hidden and never takes pointer events — content on top stays fully interactive.
- Pauses when off-screen or in a background tab. Renders one still frame with reduced motion.
- Weak devices get a lower resolution automatically; without WebGL2 a static gradient is shown.