Letter Scatter
A giant word flies apart and lands in your header.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- text
- stagger
- duration
- scatter
- trigger
- onComplete
What it does
Letter Scatter is a text animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called letter intro, hero wordmark intro or scattered letters.
A huge word rises letter by letter, then its letters fly out to the corners of the screen and glide back into the small logo of your header. The links fade in after. Reduced motion shows the finished header at once.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.