👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Kanban Board
CRUD kanban board with drag-and-drop columns for status management, card preview, and inline actions for visual workflow organization
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Visual workflows beat tables. This React CRUD kanban board displays items as draggable cards across status columns (To Do, In Progress, Done), showing title, assignee avatar, tags, and priority indicators. Built with shadcn/ui Card, Badge, Avatar components with drag-and-drop support, users can update item status by moving cards between columns with visual feedback. Column counts, card actions, and empty states—perfect for project management, order tracking, or task boards where kanban visualization improves workflow clarity and status updates through intuitive drag-and-drop interactions.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/crud-kanban-board-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/crud-kanban-board-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/crud-kanban-board-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/crud-kanban-board-01.jsonRelated blocks you will also like
User List Management
CRUD user list with search and actions
Product Detail View
Detail view with tabs and metadata
Bulk Edit Products
Update multiple items simultaneously
Edit Product Form
CRUD form for product inventory
Table with Actions
Data table with row actions
Advanced Filters
Complex filtering interface