Manifesto Text Reveal
A premium scrollytelling text reveal component. Fades text in word-by-word or character-by-character, utilizing scroll momentum and optional DOM pinning to create a cinematic reading experience.
Last Modified:Aug 17, 2026
Install
CLI
manifesto-text-reveal
Or install a specific demo variant:
manifesto-text-reveal-demo
Manual
1. Install Dependencies
Dependencies
2. Add Source Code
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | Required | The full string of text to reveal. |
as | React.ElementType | "p" | The HTML tag to render as. |
scrub | boolean | number | 1 | If false, plays once. If a number, ties to scroll with inertia. |
splitLevel | "word" | "character" | "word" | Whether to split and animate by word or individual character. |
inactiveOpacity | number | 0.2 | The opacity of the text before it fills in. |
pin | boolean | false | If true, pins the text in place while revealing (Apple-style scrollytelling). |
triggerStart | string | "top 80%" | GSAP ScrollTrigger start point. |
triggerEnd | string | "bottom 50%" | GSAP ScrollTrigger end point. |