jatui

ClipWipe

Clip-path wipe reveal of children, once

Mount trigger

With triggerMode="mount" the wipe fires once the component mounts.

Wipes in on mount

Direction variants

The reveal can originate from any edge: left, right, top, or bottom.

← Left
Right →
↓ Top
↑ Bottom

Custom duration

Pass duration (ms) for a slower or faster wipe. Default is 500 ms.

Slow — 1 000 ms

Intersect trigger

With triggerMode="intersect" the wipe fires once the element reaches 50% visibility — useful for below-the-fold content.

Wipes in on scroll