Shadcn.io is not affiliated with official shadcn/ui
Todo List Time Tracking
A todo list block with per-task time logging for React and Next.js featuring play/pause timers, pulsing active indicators, daily totals, and logged duration display built with shadcn/ui and Tailwind CSS
Track time spent on every task with this timer-enabled todo list block for React and Next.js. Each task row shows logged duration with a play/pause toggle, and active timers display a pulsing green dot indicator. A daily total header summarizes all tracked time. Built with TypeScript, shadcn/ui Checkbox, Button, and Badge components, motion staggered animations, and Tailwind CSS. Perfect for freelancer timesheets, sprint time tracking, and productivity dashboards.
Related Components
Notes Todo List
Todo list with expandable notes
Estimation Todo List
Todo list with story points
Dependencies Todo List
Todo list with task dependencies
Bulk Actions Todo List
Todo list with multi-select operations
Archive Todo List
Todo list with archive functionality
Quick Add Todo List
Todo list with smart parsing
FAQ
Was this page helpful?
Sign in to leave feedback.
Time Blocking
A time-blocked daily planner todo list block for React and Next.js with hour-slot scheduling, task assignment sidebar, and duration display built with shadcn/ui and Tailwind CSS
Timeline
A vertical timeline todo list block for React and Next.js with connected dots, completion tracking, and staggered animations built with shadcn/ui and Tailwind CSS