ONONC

Flip Text

Each character flips up into place on view.

motion3D

Styled with ONONC's design tokens — shadcn add installs them for you.

Customize

Text
Stagger0.04s

Props

PropTypeDefaultDescription
text*string—The text to flip in.
staggernumber0.04Seconds between each character.
delaynumber0Delay before the first character (seconds).
repeatbooleanfalseReplay every time it scrolls into view.
classNamestring—Extra classes.