KQ-437 · LIQUID/WIPE
Liquid Wipe
A transition between panels: a liquid pours from the top and runs down the old panel, and where it has passed the new panel shows, wet and refracted at the running edge. The edge is a wave, not a line.
KQ-437 · LIQUID/WIPE
Basinworks · headworks
Intake gate holds at ninety percent.
Screen debris is running light this morning, and the trash rack cleared itself twice before dawn. Nothing here needs a hand yet.
- Screen debrislight
- Gate position90%
- Trash rackclear
poured over
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/liquid-wipe
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| index / children | number · ReactNode[] | — | Which panel shows; the children are the panels. |
| duration / wave / refraction | number | — | The pour's length in seconds, the edge's waviness, and how far the wet edge bends the page. |
| color | string | — | The liquid's tint. |