Shadcn.io is not affiliated with official shadcn/ui
Todo List Subtasks
A todo list block for React and Next.js with expandable nested subtasks, progress indicators, and parent-child completion tracking built with shadcn/ui and Tailwind CSS
Manage complex tasks with nested subtasks using this expandable todo list block for React and Next.js. Features parent tasks with inline progress bars that track subtask completion, expandable chevron rows revealing child tasks, and automatic parent completion when all subtasks are done. Built with TypeScript, shadcn/ui Checkbox and Button components, framer-motion animations, and Tailwind CSS. Perfect for project planning tools, sprint backlogs, and hierarchical task management systems.
Related Components
Basic Todo List
Simple checkbox-based todo list
Priority Todo List
Todo list with priority levels
Tags Todo List
Todo list with tag filtering
Full Task Todo List
Todo list with full task creation
Search Filter Todo List
Todo list with search and filtering
Kanban Todo List
Three-column kanban board
FAQ
Was this page helpful?
Sign in to leave feedback.
Streak Counter
A streak-based task tracking todo list block for React and Next.js with flame indicators, sparkline dots, best streak records, and active streak summary built with shadcn/ui and Tailwind CSS
Support Tickets
A support ticket queue todo list block for React and Next.js with ticket IDs, priority sorting, SLA timers, category badges, and agent assignment built with shadcn/ui and Tailwind CSS