Party Frame

party-frame

PartyReadycomponent

A compact party member list with roles and health state.

npx shadcn@latest add @gamecn/party-frame

Live Preview

Rendered with the component style selected in the top-right selector.

Frame

Scale100%

Ivara

Tank

92/100

Tarin

Scout

58/100

Moro

Medic

76/100

Examples

Basic setup, game-state usage, and customization paths.

Install Party Frame and render it with the default GameCN treatment.

npx shadcn@latest add @gamecn/party-frame

import { PartyFrame } from '@/components/ui/party-frame'

Use Party Frame with richer game-state data such as variants, empty states, compact density, or critical states.

<PartyFrame
  className="max-w-md"
/>

Swap artwork, tune tokens, and wire the installed copy to your live game state.

<PartyFrame
  iconSrc="/game-assets/party-frame.png"
/>