ScatteredText

Scattered text animation effect

A scroll-driven text animation component where letters scatter across the screen and spring into place as you scroll. Drop it anywhere on your page. No fixed height needed. Try to match component height and scroll height for better effect, if you put component in frame/stack then its height should match scroll height, — the animation triggers automatically as the component enters the viewport. Fully customizable via the property panel: font, colors, scatter radius, rotation, spring stiffness, damping, and stagger delay. Supports left, center, and right alignment for both scattered and settled states.

Scattered text animation effect