Shadcn.io is not affiliated with official shadcn/ui
Kanban Personal Tasks
React kanban personal task manager for Next.js with tab navigation, priority indicators, due labels, staggered card animations, and compact list layout using shadcn/ui Tabs and Tailwind CSS
Organize your personal to-do list with this React and Next.js kanban task block. Features four tab-navigated columns — Today, This Week, Someday, and Done — with priority dot indicators, due date labels, and framer-motion staggered entrance animations. Built with TypeScript, shadcn/ui Tabs, Badge, and Button components, and Tailwind CSS. Ideal for personal productivity apps, daily planners, and habit-building interfaces.
Related Components
Task Inbox Kanban
Compact list-style task inbox
Weekly Goals Kanban
Accordion-based weekly goal tracker
Email Triage Kanban
Email categorization board
Feedback Sorter Kanban
User feedback categorization
Chore Organizer Kanban
Household chore management board
FAQ
Was this page helpful?
Sign in to leave feedback.
Patent Tracker
React patent portfolio kanban for Next.js with lifecycle stage columns, compact cards, and Dialog detail overlay showing inventors, filing date, claims count, jurisdiction, and status using shadcn/ui Dialog and Tailwind CSS.
Priority Grid
React business priority 2x2 matrix grid for Next.js with customer value and strategic importance axes, initiative chips, and category badges using shadcn/ui and Tailwind CSS