BoxReveal
A colored box sweeps across content to reveal it — great for staggered hero text entrances and attention-grabbing headings.
Import
import { BoxReveal } from "@animui/ui";Basic
Wrap each piece of content in a BoxReveal and stagger the delay to create a cascading entrance effect.
Hello World
Beautiful animations for your next project.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content to reveal. |
boxColor | string | "#7c3aed" | Color of the sweeping reveal box. |
duration | number | 0.5 | Duration of the sweep animation in seconds. |
delay | number | 0 | Delay before the animation starts in seconds. |
className | string | — | Additional classes. |