Threads

Animated pattern of lines forming a fabric-like motion.

Default

Amplitude, distance and mouse interaction are wired to the controls underneath. The lines are drawn in a WebGL fragment shader.

Demo Content

FeaturesAbout Sign up

New Creative Components

Get started Learn more

Amplitude1

Distance0

Enable Mouse Interaction

Prop	Type	Default	Description
`color`	`[number, number, number]`	`[1, 1, 1]`	Customizes the color of the lines (RGB).
`amplitude`	`number`	`1`	Adjusts the intensity of the wave effect on the lines.
`distance`	`number`	`0`	Controls the spacing between the lines. A value of 0 means no offset.
`enableMouseInteraction`	`boolean`	`false`	Enables smooth mouse hover effects that modulate the line's movement and amplitude.

Keyboard shortcuts and ARIA behavior.