Staggered Fade
Each character fades, slides, and rotates into place one by one.
motionscroll
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Stagger0.04s
Rotate12deg
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | The text to animate. |
stagger | number | 0.04 | Seconds between each character entry. |
rotate | number | 12 | Initial rotation in degrees. |
delay | number | 0 | Delay before the first character (seconds). |
repeat | boolean | false | Replay every time it scrolls into view. |