Silk Waves
Smooth flowing silk-like wave animation
silk-waves-tw
Customize
Basic
1
2
1
1
Transform
0
0
0
1
1
Effects
1
1
1
Props
| Name | Type | Default | Description |
|---|---|---|---|
| speed | number | 1 | Animation speed multiplier. |
| scale | number | 2 | Zoom level of the wave pattern. |
| distortion | number | 1 | Controls wave amplitude/swirl. |
| curve | number | 1 | Controls phase shift/rotation. |
| contrast | number | 1 | Controls alpha contrast/sharpness. |
| colors | string[] | [...] | Array of 8 hex colors for the gradient. |
| rotation | number | 0 | Rotation of the pattern in degrees. |
| offsetX | number | 0 | Horizontal offset/pan of the pattern. |
| offsetY | number | 0 | Vertical offset/pan of the pattern. |
| brightness | number | 1 | Overall brightness multiplier. |
| opacity | number | 1 | Overall opacity (0-1). |
| complexity | number | 1 | Wave complexity (affects iteration count, 0.5-2). |
| frequency | number | 1 | Wave stripe frequency. |
| className | string | "" | Additional CSS classes. |