ScatteredLettersText

Hover over any letter and watch it scatt

• Character-level interaction Each letter acts as an independent hover target, allowing precise and localized animation without affecting surrounding text.

• Scattered motion effect On hover, the selected character moves slightly in different directions with rotation applied, creating a natural “scattered” feel.

• Stable layout Only the hovered character animates—ensuring the overall text structure remains intact and clean.

• Adjustable motion intensity Control how far letters move using the Hover Move value, from subtle shifts to more expressive motion.

• Rotation control Fine-tune the playful 느낌 with adjustable rotation intensity per character.

• Smooth animation Customizable duration with ease-out motion for a soft and responsive interaction.

• Fully customizable text style Edit text content, font, size, and color directly within the component.