KQ-333 · CRIT/HIT

Crit Hit

Damage numbers that scale their weight with what they mean: a graze drifts, a hit rises, a crit punches in with a starburst and a shake, and a crush brings the whole card with it. Numbers fan out along a cycled vector table so a flurry stays readable instead of stacking into a smear. The tier order is fixed, so the same strikes always read the same.

KQ-333 · CRIT/HIT
damage
00

best hit

strikes 0 · last

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/crit-hit

Props

PropTypeDefaultDescription
tiersDamageTier[]Label, amount, and weight per tier; cycled in fixed order.
onCrit(amount: number) => voidFires on the heavier tiers.