Animations/Reveal Text
Reveal Text
Animate text or any content into view as it enters the viewport. Supports four directions, custom delay, and stagger for multiple children.
import { RevealText } from "@animui/ui"Basic
↑ animated on scroll
Directions
↑
↓
←
→
Stagger
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | string | — | The text to animate on reveal. Must be a plain string. |
direction | "up" | "down" | "left" | "right" | "up" | Direction the content slides in from. |
splitBy | "word" | "char" | "line" | "word" | How to split the text for staggered reveal. |
stagger | number | 0.04 | Delay between each split unit in seconds. |
delay | number | 0 | Initial delay in seconds before the animation starts. |
once | boolean | true | Whether the animation fires only once. |
className | string | — | Additional classes for the wrapper. |