Shadcn.io is not affiliated with official shadcn/ui
Kanban 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
Plan project deliverables across phases with this React and Next.js kanban block. Features five accordion-collapsed columns — Discovery, Design, Development, Testing, and Launch — with due dates, owner initials, completion percentages, and framer-motion staggered entrance animations. Built with TypeScript, shadcn/ui Accordion and Badge components, and Tailwind CSS. Ideal for project management dashboards, product roadmap views, and delivery tracking workflows.
Related Components
Personal Tasks Kanban
Tab-based personal task manager
Daily Planner Kanban
Tab-based daily schedule
Reading Queue Kanban
Tab-based reading list manager
Habit Board Kanban
Tab-based habit tracking board
Task Inbox Kanban
Compact list-style task inbox
FAQ
Was this page helpful?
Sign in to leave feedback.
Production Schedule
React kanban board for Next.js with production scheduling columns and a Sheet side panel showing order details, product specs, materials, QC results, and shipping info using shadcn/ui Sheet and Tailwind CSS.
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.