KQ-324 · BADGE/CASE

Badge Case

A case of achievements where the locked ones still say what they are: a silhouette, a lock, and the hint that would earn it — because a hidden name teaches nothing about what to chase. One secret badge is the right number. Each unlock fills the medallion, flips the glyph, and prints the share of players who hold it.

KQ-324 · BADGE/CASE
achievements33of 8
FIRST CUTearnedearned by 92%
KEEL LAYERearnedearned by 68%
ROPE SPLICEearnedearned by 51%
HULL SMITHplank 25 hulls
HARBOURMASTERcut 50 boards
TIDE READERpredict 20 tides
STORM RUNNERsail through 5 storms
? ? ?found by accident

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/badge-case

Props

PropTypeDefaultDescription
badgesBadge[]Name, hint, rarity share, and an optional secret flag.
unlockednumber3How many start earned.