Flowing waves like draped silk
| 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. |
speednumberAnimation speed multiplier.
1scalenumberZoom level of the wave pattern.
2distortionnumberControls wave amplitude/swirl.
1curvenumberControls phase shift/rotation.
1contrastnumberControls alpha contrast/sharpness.
1colorsstring[]Array of 8 hex colors for the gradient.
[...]rotationnumberRotation of the pattern in degrees.
0offsetXnumberHorizontal offset/pan of the pattern.
0offsetYnumberVertical offset/pan of the pattern.
0brightnessnumberOverall brightness multiplier.
1opacitynumberOverall opacity (0-1).
1complexitynumberWave complexity (affects iteration count, 0.5-2).
1frequencynumberWave stripe frequency.
1classNamestringAdditional CSS classes.
""