Crafting Queue

crafting-queue

CraftingBetacomponent

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

npx shadcn@latest add @gamecn/crafting-queue

Live Preview

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

Frame

Scale100%

Examples

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

Install Crafting Queue and render it with the default GameCN treatment.

npx shadcn@latest add @gamecn/crafting-queue

import { CraftingQueue } from '@/components/ui/crafting-queue'

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

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

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

<CraftingQueue
  iconSrc="/game-assets/crafting-queue.png"
/>