Components

Game Button

game-button

A command button for actions, menus, and combat controls.

Game Badge

game-badge

Compact metadata badges for rarity, role, threat, and buff state.

Game Panel

game-panel

A framed panel primitive for overlays, HUD clusters, and menu modules.

Game Sidebar

game-sidebar

A game-styled navigation rail for menus, campaign screens, and inventory shells.

Game Modal

game-modal

A framed modal dialog for confirmations, quests, rewards, and system overlays.

Game Drawer

game-drawer

A slide-in panel for inventory, quest logs, maps, and mobile menu shells.

Game Dropdown

game-dropdown

A compact action menu for inventory, loadout, and account controls.

Game Menu Bar

game-menu-bar

A desktop-style game menu bar for pause screens, editors, and debug surfaces.

Game Popover

game-popover

A detail popover for tooltips that need stats, copy, and inspectable content.

Game Tooltip

game-tooltip

A compact hover/focus intel card for abilities, resources, and status effects.

Game Command Menu

game-command-menu

A command palette surface for quick actions, menus, and debug shortcuts.

Game Tabs

game-tabs

A framed tab system for loadout panels, quest panes, and settings screens.

Game Accordion

game-accordion

A collapsible section stack for quest details, settings groups, and codex entries.

Game Alert Dialog

game-alert-dialog

A critical confirmation dialog for destructive, irreversible, or high-cost actions.

Game Context Menu

game-context-menu

A right-click action menu for inventory slots, maps, skill nodes, and party rows.

Health Bar

health-bar

Accessible meter for health, mana, stamina, and threat values.

Resource Pips

resource-pips

Discrete resource indicators for combo points, focus, rage, and shields.

Cooldown Radial

cooldown-radial

A circular cooldown indicator for skills and consumables.

Ammo Counter

ammo-counter

High-readability ammo and reserve counter with critical styling.

Status Effect Stack

status-effect-stack

Buff and debuff icons with optional stacks and countdown timers.

Ability Card

ability-card

A compact ability card with rarity, cost, cooldown, and range metadata.

Item Card

item-card

A loot item card with rarity, level, type, and stat lines.

Quest Log

quest-log

Quest progress panel with steps, location, completion state, and rewards.

Inventory Grid

inventory-grid

A fixed-slot inventory grid with quantity and rarity states.

Equipment Slot

equipment-slot

An equipment slot display for character loadouts and gear panels.

Character Stats

character-stats

A stat list for RPG attributes with optional deltas.

Dialogue Box

dialogue-box

A conversation panel with speaker, portrait, body text, and response choices.

Minimap Frame

minimap-frame

A stylized minimap shell with zone label and positioned markers.

Party Frame

party-frame

A compact party member list with roles and health state.

Skill Tree

skill-tree

A branching progression tree with locked, available, active, and mastered nodes.

Achievement Toast

achievement-toast

A game achievement notification with rarity, points, and optional progress.

Shop Item

shop-item

A merchant item card with price, stock, owned, and sold-out states.

Crafting Queue

crafting-queue

A crafting job list with queued, crafting, ready, blocked, and empty states.

Scoreboard

scoreboard

A match scoreboard with ranks, scores, assists, defeats, and movement states.