KQ-127 · TRANSIT/WINDOW
Transit Window
A train window whose landscape passes with your scroll — three looping parallax bands at honest speeds, mile markers that file past on the first lap, and a cabin sway that leans only with scroll velocity.
KQ-127 · TRANSIT/WINDOW
NIGHT SERVICE
KQ-127
A train window at dusk. Scrolling rolls the landscape past the glass at three depths: far hills under seeded clouds, a row of signal masts, and a near fence carrying four numbered mile markers that pass on the first stretch of the journey.
CAR 7 · SEAT 14DISTANCE · 0000m
MARKER · 00/04
Scroll the journey - the near fence outruns the far hills.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/transit-window
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| journey | number | 4 | Track length as a multiple of the stage height. |
| onMilestone | (marker) => void | — | Fires as each of four mile markers passes. |
| height | number | 250 | Cabin height in px. |