Silk Waves

Smooth flowing silk-like wave animation

silk-waves-tw

Customize

Speed

1.0

Scale

2.0

Distortion

1.0

Curve

1.0

Rotation

0

Offset X

0.0

Offset Y

0.0

Frequency

1.0

Complexity

1.0

Contrast

1.0

Brightness

1.0

Opacity

1.00

Props

14

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.

speednumber

Animation speed multiplier.

Default1

scalenumber

Zoom level of the wave pattern.

Default2

distortionnumber

Controls wave amplitude/swirl.

Default1

curvenumber

Controls phase shift/rotation.

Default1

contrastnumber

Controls alpha contrast/sharpness.

Default1

colorsstring[]

Array of 8 hex colors for the gradient.

Default[...]

rotationnumber

Rotation of the pattern in degrees.

Default0

offsetXnumber

Horizontal offset/pan of the pattern.

Default0

offsetYnumber

Vertical offset/pan of the pattern.

Default0

brightnessnumber

Overall brightness multiplier.

Default1

opacitynumber

Overall opacity (0-1).

Default1

complexitynumber

Wave complexity (affects iteration count, 0.5-2).

Default1

frequencynumber

Wave stripe frequency.

Default1

classNamestring

Additional CSS classes.

Default""