Text Dispersion

PRO

Preview live, install via shadcn or copy the source.

Installation

This will install the component and its dependencies automatically.

PRO COMPONENT

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

text-dispersion-usage.tsx• TSX

Name	Type	Default	Required	Description
text	string	—	Yes	Text to disperse into scattered characters on hover.
className	string	—	No	Wrapper classes for layout and sizing.
charClassName	string	—	No	Classes applied to each character span.
duration	number	0.75	No	Animation duration (seconds).
ease	number[]	[0.33, 1, 0.68, 1]	No	Cubic-bezier array for easing.
onHoverChange	(isActive: boolean) => void	—	No	Callback fired with hover state changes.