KQ-243 · VIGNETTE/STAGE/RAIL

Stage Rail Vignette

A pipeline as a scene, in either orientation: a row of icon tiles with one light roving along them and a caption naming whoever holds it, or a column rolling the stages through a lit focus band — each stage sliding to its next seat, so the edges wrap instead of jumping. For feature cards about systems that do things in order.

KQ-243 · VIGNETTE/STAGE/RAIL

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/vignette-stage-rail

Props

PropTypeDefaultDescription
orient"row" | "column""row"Tiles with a roving light and caption, or rows rolling through a focus band.
stages / holdSecondsRailStage[] · numberThe stages, and how long each holds the light.