KQ-337 · XP/SHOWER

XP Shower

Reward that arrives as objects: orbs burst from the source, hang for a beat, then stream to the counter on staggered arcs — and the total climbs in steps as each one lands, which is the entire reason to do this instead of animating a number. The big orbs are saved for last, because pacing is most of the payoff.

KQ-337 · XP/SHOWER
XP00

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/xp-shower

Props

PropTypeDefaultDescription
orbsnumber12Orbs per claim (6–20).
onClaim(total: number) => voidFires with the batch total.