Todo List Components

Dev Design Library indexes 23 todo list components from 16 open-source UI libraries, with the most coming from Spectrum UI, Watermelon UI, Shadcn Space, Halaska UI and Rare UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. 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 checklistArc Library · ReactGuide a new workspace through setup, one step at a time.
• Onboarding ChecklistUI Lab · ReactA setup checklist that counts up as you go and celebrates the finish.
• Agent Tasks PatternHalaska UI · React
• 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
• Plan Preview PatternHalaska 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 todo list components

• Spectrum UI
• Watermelon UI
• Shadcn Space
• Halaska UI
• Rare UI

Related categories

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