KQ-277 · LEVEL/CHIME
Level Chime
An experience bar that levels up properly: each tap adds XP with a floating chip, and on filling, a shine sweeps the track, the bar drains, the readout carries the level up, a badge flips, and sparks ring out. Taps during the ceremony queue rather than drop — a progress toy that loses your taps is a bug wearing a costume.
KQ-277 · LEVEL/CHIME
Level33
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/level-chime
Props
- perClick / levelUpAt
- number · number
- default 18 · 100
- XP per tap, and the threshold.
- startLevel
- number
- default 3
- Where the readout begins.
- onLevelUp
- (level: number) => void
- default —
- Fires with the new level.
| Prop | Type | Default | Description |
|---|---|---|---|
| perClick / levelUpAt | number · number | 18 · 100 | XP per tap, and the threshold. |
| startLevel | number | 3 | Where the readout begins. |
| onLevelUp | (level: number) => void | — | Fires with the new level. |