KQ-117 · DECK/SWITCHER

Deck Switcher

An app-switcher for views — open the deck and every view rakes back into a tilted stack; slide the rake by drag, wheel, or arrows, then commit and the chosen view zooms forward while the rest fold away.

KQ-117 · DECK/SWITCHER
CONSOLE VIEWS · 04KQ-117
01TELEMETRY
CORE TEMP291.4 K
BUS LOAD27.6 V
TELEMETRY active

VIEW · TELEMETRY

Open the deck, slide, and commit a view - Escape backs out.

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/deck-switcher

Props

PropTypeDefaultDescription
views{ id, title, content }[]Two to six views; all stay mounted so their state survives switches.
activeId / defaultActiveId / onActiveChangestring / string / (id) => voidControlled or uncontrolled active view; fires only when the commit changes it.
heightnumber300Stage height in px.