Todo List Archive
A todo list block with archive functionality for React and Next.js featuring active and archived sections, batch archive action, collapsible archive panel, and restore capability built with shadcn/ui and Tailwind CSS
Keep your task list clean with this archive-enabled todo list block for React and Next.js. Features separate Active and Archived sections with a one-click archive button for completed tasks, a collapsible archive panel with restore functionality, and archive count badges. Built with TypeScript, shadcn/ui Checkbox, Button, and Badge components, motion staggered animations, and Tailwind CSS. Ideal for GTD-style workflows, inbox-zero task management, and long-running project boards that accumulate completed work.
Related Components
Notes Todo List
Todo list with expandable notes
Bulk Actions Todo List
Todo list with multi-select operations
Template Todo List
Todo list with task templates
Batch Edit Todo List
Todo list with inline batch editing
Comments Todo List
Todo list with comment threads
Quick Add Todo List
Todo list with smart parsing
FAQ
Was this page helpful?
Sign in to leave feedback.
Approval
React todo list approval workflow block for Next.js with draft, pending, approved, and rejected states, reviewer avatars, and action buttons using shadcn/ui and Tailwind CSS
Assignee
A team-based todo list block for React and Next.js with avatar assignees, member filtering, and per-person task counts built with shadcn/ui and Tailwind CSS