Tailwind CSS Todo List Components

Dev Design Library indexes 20 Tailwind CSS todo list components from 14 open-source UI libraries, with the most coming from Spectrum UI, Watermelon UI, Shadcn Space, Rare UI and GreatUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Todo list components belong to the Widgets group.

• Todo ListbeUI · ReactShows which planned work is paused by the decision.
• Task ListRare UI · ReactA checklist that strikes out completed tasks and moves them to the bottom of the list.
• Agent PlanSpectrum UI · ReactAn editable plan checklist the agent proposes before running.
• Animated CheckboxSpell UI · ReactAnimated checkbox with spring transitions and strike-through text effect.
• Checkbox-04 - Checkbox with todo listShadcn Space · ReactCheckbox component
• Spell Animated CheckboxAnimations (Svelte) · Svelte
• TaskAI Elements (Svelte) · SvelteA collapsible task panel for tracking task state and nested task items.
• Claude Code Todo ListNotra · ReactThe Update Todos tool call with done, active and pending items.
• Deployment ChecklistGreatUI · React
• Template Task ManagerShark UI · React
• Playful TodolistWatermelon UI · ReactTo-do list with playful animations when an item is checked off.
• Onboarding ChecklistUI Lab · ReactA setup checklist that counts up as you go and celebrates the finish.
• Interactive ChecklistSpaceUI · React
• Todo ListEaseUI · ReactA collapsible agent task plan with morphing status marks and a completion count.
• First ProjectSpectrum UI · ReactFirst-run project screen with selectable templates and a setup checklist.
• Drawer 01 - Onboarding ChecklistShadcn Space · ReactRight side drawer with a progress bar and an interactive onboarding checklist
• Onboarding ChecklistWatermelon UI · React
• Task CheckboxSpectrum UI · ReactA satisfying todo checkbox row with spring fill, drawn-in check, confetti burst and animated strikethrough
• Sortable 05 - Sortable Numbered ChecklistShadcn Space · ReactA drag-and-drop sortable numbered checklist component using @dnd-kit with pill-shaped rows, a drag handle, and…
• Onboarding Checklist BaseWatermelon UI · React

Libraries with Tailwind CSS todo list components

• Spectrum UI
• Watermelon UI
• Shadcn Space
• Rare UI
• GreatUI

Related categories

• Todo List Components
• React Todo List Components
• Animated Todo List Components
• Tailwind CSS Widget Components
• Tailwind CSS Game Components
• Tailwind CSS Physics Toy Components
• Tailwind CSS Payment Card Components
• Tailwind CSS Timer Components
• Tailwind CSS Drawing Canvas Components
• Tailwind CSS Clock Components
• Tailwind CSS Now Playing Components
• Tailwind CSS Balance Card Components