GameCNComponents
Character Stats
A stat list for RPG attributes with optional positive and negative deltas.
Character Stats
character-stats
CharacterReadycomponent
A stat list for RPG attributes with optional deltas.
npx shadcn@latest add @gamecn/character-statsLive Preview
Rendered with the component style selected in the top-right selector.
Frame
Scale100%
- Power
- 78+6
- Guard
- 54
- Speed
- 31-2
- Focus
- 44+3
Examples
Basic setup, game-state usage, and customization paths.
Basic
Install Character Stats and render it with the default GameCN treatment.
npx shadcn@latest add @gamecn/character-statsimport { CharacterStats } from '@/components/ui/character-stats'Advanced
Use Character Stats with richer game-state data such as variants, empty states, compact density, or critical states.
<CharacterStats
className="max-w-md"
/>Customization
Swap artwork, tune tokens, and wire the installed copy to your live game state.
<CharacterStats
iconSrc="/game-assets/character-stats.png"
/>