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.

Hover over any letter and watch it scatt