KQ-300 · RANK/INSIGNIA

Rank Insignia

A rank badge that promotes with the ceremony a promotion deserves: the old insignia clears in a flash, the new one lands on a spring, a chevron stamps on, light sweeps the plate, and the name rolls over. Five tiers, and an honest ceiling at the top instead of invented infinite ranks.

KQ-300 · RANK/INSIGNIA
GATEKEEPER
0 / 100

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/rank-insignia

Props

PropTypeDefaultDescription
tiernumber1Starting tier, 0 to 4.
onPromote(tier: number, name: string) => voidFires with the new tier and its name.