Shadcn.io is not affiliated with official shadcn/ui
Kanban Project Planner
React split-panel kanban board for Next.js with three project columns and a detail panel showing task metadata, progress bars, and tags using shadcn/ui and Tailwind CSS.
Organize software projects with this React and Next.js split-panel kanban board. Features three status columns — Todo, In Progress, and Complete — with a detail panel that reveals task metadata including assignee, priority, due date, progress bar, and tags on click. Built with TypeScript, Framer Motion AnimatePresence transitions, shadcn/ui Badge and Button components, and Tailwind CSS grid. Ideal for project management dashboards, sprint planning tools, and team productivity apps.
Related Components
Team Sprint Kanban
Swimlane grid for sprint planning
Personal Tasks Kanban
Tab-based personal task manager
Product Backlog Kanban
Filtered backlog management board
Feature Requests Kanban
Expandable feature request tracker
Sprint Capacity Kanban
Progress-heavy capacity tracking board
FAQ
Was this page helpful?
Sign in to leave feedback.
Project Phases
React kanban project phases tracker for Next.js with vertical accordion columns, due dates, owner initials, completion percentage, and staggered animations using shadcn/ui Accordion and Tailwind CSS
Prospect Manager
React sales prospect kanban for Next.js with ultra-compact cards, HoverCard detail popups showing company, role, last interaction, interest level, deal potential, and notes using shadcn/ui HoverCard and Tailwind CSS.