Preferences

Silk

Customize

Speed5

Scale1

Noise intensity1.5

Rotation0

Property	Type	Default	Description
`speed`	number	`5`	Controls the animation speed of the silk effect.
`rotation`	number	`0`	Controls the rotation of the silk pattern, in radians.
`scale`	number	`1`	Controls the scale of the silk pattern.
`noiseIntensity`	number	`1.5`	Controls the intensity of the noise/grain effect layered over the pattern.
`color`	string	`"#7B7481"`	Hex color code for the silk pattern.
`className`	string	`""`	Additional Tailwind or CSS classes applied to the outer wrapper.
`showContent`	boolean	`true`	Toggles the built-in "silk" title and subtitle overlay. Set to false to use the canvas purely as a background behind your own content.

speednumber

Controls the animation speed of the silk effect.

Default5

rotationnumber

Controls the rotation of the silk pattern, in radians.

Default0

scalenumber

Controls the scale of the silk pattern.

Default1

noiseIntensitynumber

Controls the intensity of the noise/grain effect layered over the pattern.

Default1.5

colorstring

Hex color code for the silk pattern.

Default"#7B7481"

classNamestring

Additional Tailwind or CSS classes applied to the outer wrapper.

Default""

showContentboolean

Toggles the built-in "silk" title and subtitle overlay. Set to false to use the canvas purely as a background behind your own content.

Defaulttrue

Crafted withbyMohammad Tasin