Back to Components
Animation
Text Reveal
Animated text reveal with staggered letter animations
React
Framer Motion
TypeScript
Hello, World!
The text animates in on page load
Installation
This component requires the following dependencies:
npm install framer-motionProps
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | The text to animate |
| className | string | - | Additional CSS classes |
| delay | number | 0 | Delay before animation starts (seconds) |
| once | boolean | true | Whether to animate only once |