ONONC

Text Reveal

A clip-path mask wipes the text into view.

motionscroll
Wiped into view

Customize

Text
Direction
Duration0.9s

Props

PropTypeDefaultDescription
children*ReactNodeThe text to wipe in.
direction"left" | "right" | "up" | "down""left"Direction the wipe travels from.
durationnumber0.9Wipe duration in seconds.
delaynumber0Delay before the wipe (seconds).
repeatbooleanfalseReplay every time it scrolls into view.
classNamestringExtra classes.