KB-278 · HERO/COMPARE/WIPE
Compare Wipe Hero
A hero for products that replace something: the argument on the left, and on the right the same morning twice with a blade between them the reader drags themselves. Handing over the blade is the point — a claim the visitor proves with their own hand in the first ten seconds is worth more than any headline.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/hero-compare-wipe
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| before / after | WipeLine[] | — | The same timeline twice; keep the times identical. |
| beforeLabel / afterLabel | string | — | The blade's two side labels. |