Text Scatter

Interactive letter scatter effect

text-scatter-tw

Bounce Back.

Text

Scale

1.0

Velocity

200

Rotation

90°

Return Delay

1.0s

Duration

2.0s

Name	Type	Default	Description
`text`	string	`required`	The text content to render and animate
`className`	string	`""`	Additional CSS classes for the container element
`as`	React.ElementType	`"h1"`	HTML element to render as the container
`velocity`	number	`200`	Initial velocity of the scattered letters
`rotation`	number	`90`	Max rotation in degrees when scattered
`scale`	number	`1`	Scale factor when scattered
`returnAfter`	number	`1`	Delay in seconds before returning to original position
`duration`	number	`2`	Duration of the scatter animation

textstring

The text content to render and animate

Defaultrequired

classNamestring

Additional CSS classes for the container element

Default""

asReact.ElementType

HTML element to render as the container

Default"h1"

velocitynumber

Initial velocity of the scattered letters

Default200

rotationnumber

Max rotation in degrees when scattered

Default90

scalenumber

Scale factor when scattered

Default1

returnAfternumber

Delay in seconds before returning to original position

Default1

durationnumber

Duration of the scatter animation

Default2