Block

Todo List - Advanced

Advanced todo list with filters, tags, priorities, and due dates

Installation

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

Preview

Total Tasks

Active

Completed

High Priority

Task Manager

Review pull requests

high

Today

work

urgent

Update documentation

medium

Tomorrow

work

Team standup meeting

medium

work

meeting

Grocery shopping

low

Weekend

personal

Usage

import { TodoListAdvanced } from "@/components/blocks/todo-list-advanced"

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

Dependencies

lucide-react

shadcn/ui Components

card

button

input

checkbox

badge

select

Related Blocks

More todo-list blocks you might like

View all todo-list blocks

todo-list

Todo List - Simple

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

Ready to use

/blocks/todo-list-simple

todo-list

Todo List - Kanban

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

Ready to use

/blocks/todo-list-kanban

todo-list

Todo List - Checklist

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

Ready to use

/blocks/todo-list-checklist