KQ-435 · LOUVRE/FLIP
Louvre Flip
A transition between panels: horizontal slats flip like a louvre, each one turning a little after the one above, showing the old panel on the front face and the new one on the back. Perspective shades each slat as it turns.
KQ-435 · LOUVRE/FLIP
Basinworks · spillway control
Gate three closes on schedule tonight.
The reservoir sits half a metre under crest. Closing gate three now keeps the outflow inside the rated capacity of the downstream channel through the overnight rain.
- Spillway gate 3closing
- Winch tensionnominal
- Downstream channelwithin capacity
slats turn
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/louvre-flip
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| index / children | number · ReactNode[] | — | Which panel shows; the children are the panels. |
| slats / duration / stagger | number | — | How many slats, the flip's length in seconds, and the delay between slats. |