Shadcn.io is not affiliated with official shadcn/ui
Todo List Kanban
A kanban-style todo list block for React and Next.js with three-column workflow, task cards, and click-to-move progression built with shadcn/ui and Tailwind CSS
Visualize task workflow with this three-column kanban board block for React and Next.js. Features To Do, In Progress, and Done columns with task cards that move between stages on click, column task counts, and an add task input. Built with TypeScript, shadcn/ui Button and Input components, framer-motion layout animations, and Tailwind CSS. Perfect for agile sprint boards, project management tools, and team workflow dashboards.
Related Components
Basic Todo List
Simple checkbox-based todo list
Priority Todo List
Todo list with priority levels
Subtasks Todo List
Todo list with nested subtasks
Full Task Todo List
Todo list with full task creation
Search Filter Todo List
Todo list with search and filtering
Recurring Todo List
Todo list with recurring tasks
FAQ
Was this page helpful?
Sign in to leave feedback.
Inventory
An inventory checklist todo list block for React and Next.js with SKU codes, stock levels, reorder thresholds, and stock status indicators built with shadcn/ui and Tailwind CSS
Keyboard Shortcuts
A keyboard navigation focused todo list block for React and Next.js with shortcut hints, active row highlighting, and toggleable shortcut legend built with shadcn/ui and Tailwind CSS