Shadcn.io is not affiliated with official shadcn/ui
Kanban Agile Board
React agile kanban board for Next.js with five pipeline columns, drag-and-drop card reordering using @dnd-kit, story points, type badges, and assignee avatars built with shadcn/ui and Tailwind CSS
Build an agile development board with this React and Next.js kanban block featuring five pipeline columns and full drag-and-drop powered by @dnd-kit/core and @dnd-kit/sortable. Cards display story points, issue type with colored top borders, and assignee avatars. Built with TypeScript, shadcn/ui Badge, Avatar, and Button components, and Tailwind CSS. Ideal for sprint planning dashboards, agile project trackers, and development team workflow boards.
Related Components
Sprint Capacity Kanban
Progress-heavy capacity board
Team Sprint Kanban
Swimlane grid for sprints
Project Planner Kanban
Split-panel project management
Eisenhower Matrix Kanban
2x2 priority matrix board
Team Workload Kanban
Avatar swimlane workload view
FAQ
Was this page helpful?
Sign in to leave feedback.
Agent Tasks
React kanban support agent task swimlane board for Next.js with avatar rows, ticket priority dots, customer names, and resolution tracking using shadcn/ui Avatar and Tailwind CSS
API Tracker
React kanban API endpoint tracker for Next.js with shadcn/ui Command palette search by endpoint path and HTTP method, version badges, and four-column lifecycle pipeline using Tailwind CSS