KQ-055 · TIMELINE/SPINE

Timeline Spine

A scroll-linked timeline — a playhead rides the spine as you scroll, the spine fills behind it, and each event pops in as the head reaches it.

KQ-055 · TIMELINE/SPINE

TIMELINE · LOG

Spec frozen
T−041
Motion language locked to the ζ reference set. No API changes past this line.
Calibration pass
T−027
All five springs re-measured on the bench; flick lands two under budget.
Beta cut
T−014
First external build. Reduced-motion fallbacks audited across the set.
Release candidate
T−005
Feature freeze. Only regressions get patched from here to launch.
General availability
T−000
Shipped to the registry. Tag cut, changelog sealed.
Post-launch review
T+009
Field telemetry folded back into the next calibration window.

Scroll the panel — the spine fills as it plays

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/timeline-spine

Prop	Type	Default	Description
events	{ title: string; detail?: ReactNode; marker?: ReactNode }[]	—	Ordered events rendered along the spine.
aria-label	string	—	Names the timeline region.