Kanban
Drag-and-drop kanban board with sortable cards and keyboard navigation for React
Kanban preview
Scroll to load preview
Drag cards between columns, reorder within columns. Works with mouse, touch, and keyboard. Screen reader announcements tell users what's happening. The component handles the drag logic so you can focus on your card content and columns.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the kanban component into my projectRelated Components
Table
Data table with sorting
Calendar
Feature calendar view
Gantt
Timeline project view
Comparison
Before/after slider
FAQ
Was this page helpful?
Sign in to leave feedback.