ONONC

Scatter Text

Characters fly apart and reassemble on hover like scattered cards.

motionhover

Styled with ONONC's design tokens — shadcn add installs them for you.

Customize

Text
Trigger

Props

PropTypeDefaultDescription
text*string—The text to scatter.
trigger"hover" | "inView""hover"What starts the scatter.
repeatbooleanfalseIf trigger=inView, whether to repeat.
classNamestring—Extra classes.