Staggered text reveal
Each word or character animates into view in sequence, with a slight delay — as if being unveiled.
What you're seeing
Headline text appears letter by letter, word by word, or line by line on page load or scroll. Often paired with a fade or upward slide.
Where you'll see it
Hero headlines, section titles, feature callouts.
Difficulty
Low — 2/5
Libraries that build it
GSAP SplitTextMotionCSS
From the toolbox
React BitsThis gallery's effects as drop-in React components — split text, counters, auroras, magnets — free, animated, and pasteable.→Aceternity UIMarketing-site wow, componentized — spotlights, 3D cards, infinite marquees. The shortcut to looking expensive.→GSAPThe animation engine behind half this gallery. ScrollTrigger alone explains most scroll-scrubbed sites you've ever saved.→
Ready to prompt — paste this into your AI coding tool
"Use GSAP SplitText to split the headline by [words/chars] and reveal each with a staggered fade-up on page load, 0.05s stagger, 0.6s duration, ease power2.out"Seen in the wild
Max Mara — The Jacket CircleA fashion house teaches its own vocabulary — the "Jacket Dictionary" — through slow, serif-heavy staggered type and a playable circle game.→OFF+BRANDThe Webflow Enterprise partner's own site — a WebGL line drawing of their "+." mark, scrubbed by scroll and pinned dead-center while the whole agency story assembles around it.→