KQ-328 · JOURNEY/MAP

Journey Map

A winding campaign path where the road lights up behind you: the avatar travels an authored waypoint route while a dash-clipped overlay follows it exactly, so progress reads as ground covered rather than a bar filling. Each arrival pops its milestone, hands the pulse to the next, and names what was reached.

KQ-328 · JOURNEY/MAP
The Route3 of 73 of 7
First berth
Night shift
3
The audit
4
Low tide
5
Full crew
6
Storm watch
7
Harbour master
charting the route

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/journey-map

Props

PropTypeDefaultDescription
milestonesMilestone[]Label and hint per node; positions are authored, never measured.
atnumber2Which milestone the avatar starts on.