Back to blocksView all todo-list blocks
todo-list
Block
Todo List - Kanban
A kanban board style todo list with full drag-and-drop support for moving and reordering tasks
Installation
npx shadcn add @mylo-ui/todo-list-kanbanPreview
Kanban Board
6 Tasks
To Do
2
Design system review
high
Today
Update documentation
medium
In Progress
2
Fix navigation bug
high
Tomorrow
Write tests
medium
Done
2
Deploy to production
high
Update dependencies
low
Usage
import { TodoListKanban } from "@/components/blocks/todo-list-kanban"
export default function Page() {
return <TodoListKanban />
}Dependencies
lucide-react
@dnd-kit/core
@dnd-kit/sortable
@dnd-kit/utilities
shadcn/ui Components
card
button
input
badge
Related Blocks
More todo-list blocks you might like
todo-list
Todo List - Simple
A simple todo list with progress tracking and drag-and-drop reordering
Ready to use
/blocks/todo-list-simpletodo-list
Todo List - Checklist
An organized checklist with categories, progress bars, and drag-and-drop item reordering
Ready to use
/blocks/todo-list-checklisttodo-list
Todo List - Minimal
A minimal, clean todo list design
Ready to use
/blocks/todo-list-minimal