Animated Todo List Components

Dev Design Library indexes 11 Animated todo list components from 10 open-source UI libraries, with the most coming from Spectrum UI, Rare UI, GreatUI, beUI and Spell UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the todo list components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. 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.
• First ProjectSpectrum UI · ReactFirst-run project screen with selectable templates and a setup checklist.
• Animated CheckboxSpell UI · ReactAnimated checkbox with spring transitions and strike-through text effect.
• Spell Animated CheckboxAnimations (Svelte) · Svelte
• Deployment ChecklistGreatUI · React
• 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.
• Interactive ChecklistSpaceUI · React
• Todo ListEaseUI · ReactA collapsible agent task plan with morphing status marks and a completion count.
• Task CheckboxSpectrum UI · ReactA satisfying todo checkbox row with spring fill, drawn-in check, confetti burst and animated strikethrough

Libraries with Animated todo list components

• Spectrum UI
• Rare UI
• GreatUI
• beUI
• Spell UI

Related categories

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