KQ-307 · REWARD/TRACK

Reward Track

The season track, built around its real mechanic: the unclaimed counter. Progress advances a head along the ribbon, nodes it passes start pulsing, and the nag ticks up until you claim them. Milestones every fifth node pay bigger, and finishing the track offers the next season rather than pretending the run goes on forever.

KQ-307 · REWARD/TRACK
reward track
unclaimed1 to claim1 to claim

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/reward-track

Props

PropTypeDefaultDescription
nodesTrackNode[]The ribbon of rewards; every fifth reads as a milestone.
perClicknumber34Progress per earn, with nodes spaced 100 apart.
onClaim(id: string) => voidFires per claimed node.