Block

Todo List - Simple

A simple todo list with progress tracking and drag-and-drop reordering

Installation

npx shadcn add @mylo-ui/todo-list-simple

1/4

Keep track of your daily tasks

Progress25%

Review project requirements

Create wireframes

Set up development environment

Write initial documentation

import { TodoListSimple } from "@/components/blocks/todo-list-simple"

export default function Page() {
  return <TodoListSimple />
}

lucide-react

@dnd-kit/core

@dnd-kit/sortable

@dnd-kit/utilities

card

button

input

checkbox

badge

More todo-list blocks you might like

A kanban board style todo list with full drag-and-drop support for moving and reordering tasks

An organized checklist with categories, progress bars, and drag-and-drop item reordering

A minimal, clean todo list design