Text Reveal
Text that reveals word by word with scroll-driven animation.
textrevealscrollanimated
Installation
Terminalbash
npx motioncraft add text-revealUsage
text-reveal.tsxtsx
import { TextReveal } from "@/components/text/text-reveal";
<TextReveal>This text reveals as you scroll</TextReveal>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children* | string | — | Text to reveal |
| className | string | — | Additional CSS classes |
Related Components
Split Screen Text
NewText that splits apart vertically on scroll, revealing content underneath. Scroll-driven with sticky positioning.
Gradient Text
Text with animated gradient color effect.
Text Generate
Text that generates character by character with a typing cursor effect.
Morphing Nav
NewNavigation that morphs between three modes: full bar, floating pill, and fullscreen overlay. Scroll-aware with direction-aware motion.