Text Animations
Word Reveal
ProA scroll-scrubbed word reveal — each word brightens and rises as it enters the viewport, tied directly to scroll position.
Install
Props
What It Demonstrates
- Scroll reveal
- Elements fade or slide into place as they enter the viewport.
- Scroll-driven animation
- An animation whose progress is tied directly to scroll position.
- Stagger
- Animate several items one after another with a small delay between each, creating a cascade.
- Reveal
- Content is uncovered gradually, often by animating a clip-path or mask.
Related Components
Lumen
Copy that lights up as you read it. Words ahead sit dim and unfocused, and stay lit once you pass them.
Redact
Copy that arrives fully classified under solid bars, then declassifies word by word. Each bar clears its own word and leaves an amethyst edge behind as the only evidence it was ever there.
Letters Pull
A per-letter pull-up reveal. Letters rise, sharpen from a blur, and fade in with a stagger.
Scramble Text
Ciphered glyphs boiling out of noise and resolving into words. A decode cascade that settles character by character, a hover that re-scrambles on demand, or a continuous low glitch that keeps the type restless, each freshly-resolved letter flashing accent before it cools to ink.
Split Flap
A Solari departure board. Every column walks the charset one flap at a time until it reaches its letter, so the word is never revealed. It is arrived at, with a real hinged half falling away as the next one seats behind it.
Reflow
Text whose words keep their identity when the line breaks move. Narrow the measure and the sentence travels instead of re-wrapping.