Split text into characters, words, or lines and animate the pieces with a stagger — great for headline reveals.
Where: Right sidebar → Interactions → text reveal preset / textSplit effect — Add a text reveal interaction to a text element
Key ideas
- Split type: chars, words, lines, or "chars,words"; optional mask and custom wordsClass/charsClass.
- Stagger: each (ms) and staggerFrom (first/center/end) control how the pieces cascade in.
- Pair with a trigger: Combine with scroll-reveal or load for entrance, or scroll-scrub for scrubbed reveals.
Steps
- Select a text element and add a text reveal interaction.
- Set the split type (chars/words/lines).
- Set the stagger each + from origin.
- Choose the trigger (appear in view / on load) and preview.