Shadcn Kanban Board Blocks

Kanban board blocks built with shadcn/ui and the Kibo UI Kanban component: task boards, sales pipelines, team workspaces, grouped task lists and AI agent boards with drag and drop between columns.

Kanban Board 1 Pro

Progress cards with avatar stacks

Kanban Board 2 Pro

Status icons with progress rings

Kanban Board 3 Pro

Pipeline totals per stage

Kanban Board 4 Pro

Workspace sidebar with tagged cards

Kanban Board 5 Pro

Priority flags with view switch

Kanban Board 6 Pro

Collapsible status groups as a list

Kanban Board 7 Pro

AI prompts with running state

About Shadcn Kanban Board Blocks

Kanban board blocks are shadcn blocks for moving work through stages: sprint and task boards, sales pipelines, team workspaces, grouped task lists and AI agent boards. They are built on the Kibo UI Kanban component with React and TypeScript, and use shadcn/ui buttons, button groups, tabs, inputs, dialogs, dropdown menus, badges, avatars and progress bars styled with Tailwind CSS.

Every board is interactive. Drag a card to another column or reorder it inside a column, and counts, totals and statuses update right away. Add new tasks from the toolbar or the bottom of a column, filter and search the board, and use the card menu to edit, move, duplicate or delete an item.

All blocks share one quiet design language, so you can mix them in the same product. Columns, cards and people live in plain arrays at the top of each file. Replace them with data from your API and save changes in the drag handler of your Next.js or React app.

shadcn kanban board blocks
Unlock Premium Blocks & Sections
Get full control of shadcn/ui components, blocks and instances, including future additions.