ONONC

Highlight Text

A marker stroke sweeps in behind the text on view.

motionscroll

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

Notice the highlight

Customize

Text
Marker color
Delay0.1s

Props

PropTypeDefaultDescription
children*ReactNode—The text to highlight.
colorstringbrand tintMarker color (CSS color).
delaynumber0Delay before the sweep (seconds).
classNamestring—Extra classes.