Text Reveal
A clip-path mask wipes the text into view.
motionscroll
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Direction
Duration0.9s
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | ReactNode | — | The text to wipe in. |
direction | "left" | "right" | "up" | "down" | "left" | Direction the wipe travels from. |
duration | number | 0.9 | Wipe duration in seconds. |
delay | number | 0 | Delay before the wipe (seconds). |
repeat | boolean | false | Replay every time it scrolls into view. |
className | string | — | Extra classes. |