Todo 8 - Todo list with expandable subtasks

Pro

A drag-and-drop todo list where tasks expand to show nested subtasks, progress, checkboxes, and a field to add new subtasks.

Shadcn Todo 8 block

Component data

ID
todo8
Access
pro
Created
Jan 25, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Todo 8 block design & features

The component provides an interactive todo list featuring tasks with expandable subtasks and the ability to drag and reorder tasks. This functionality allows users to efficiently organize and prioritize tasks while having a visual indicator of progress. Featuring robust handling for nested tasks, the component distinguishes itself by offering dynamic task expansion, allowing users to manage subtasks within main tasks, providing a clear visual hierarchy and progress tracking.

The design of this component emphasizes usability with its integration of drag-and-drop capabilities and real-time state updates. The seamless toggling of task and subtask completion gives users the freedom to manage their tasks with precision. The unique feature of progress indicators for subtasks offers users a visual overview of task completion status within nested structures, promoting effective task management. Leveraging shadcn block design, this component provides users with an intuitive interface for task management, making it particularly valuable for organizing detailed projects seamlessly.