---
title: "Kanban board"
description: "A studio's firing board: pieces move through five columns by drag, keyboard or a Move to menu, a kiln limit refuses extras, and a list view."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/kanban-board
---

# Kanban board

A studio's firing board: pieces move through five columns by drag, keyboard or a Move to menu, a kiln limit refuses extras, and a list view.

Five columns, Greenware to Ready for pickup, each with its count. In the kiln holds eight pieces and shows 6 / 8; Ready for pickup folds to a strip you can still drop onto. A card has the piece, its member, the glaze and shelf and its firing date, and finished pieces show a photo. Drag a card within its column or to another: by mouse anywhere on the card, or by its grip on touch and from the keyboard (Space, then the arrow keys). Each move is announced, as in "Moved Tall vase to Bisque, position 2 of 5", and a card dropped on a full column goes back with the reason shown. Every card's menu does the same without dragging: send it to another column (a full one says so) or move it to the top, up, down or to the bottom; focus follows the card. List shows the same pieces as a table grouped by column, with the same menu. Narrow screens scroll the columns sideways, one at a time. Uses @dnd-kit/core and @dnd-kit/sortable.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/kanban-board
```

## Dependencies
- npm: lucide-react@^1.33.0, @dnd-kit/core@^6.3.1, @dnd-kit/sortable@^10.0.0, @dnd-kit/utilities@^3.2.2
- edbn: edbn-base, aspect-ratio, button, card, dropdown-menu, table, toggle-group

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More workspace blocks

All 6, with install commands: https://ui.edbn.me/docs/blocks/workspace (Markdown: https://ui.edbn.me/docs/blocks/workspace.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt