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
- index / children
- number · ReactNode[]
- default —
- Which panel shows; the children are the panels.
- slats / duration / stagger
- number
- default —
- How many slats, the flip's length in seconds, and the delay between slats.
| 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. |