Todo List Comments
A todo list block with threaded comments for React and Next.js featuring comment counts, avatar initials, timestamps, and inline reply input built with shadcn/ui and Tailwind CSS
Add discussion threads to every task with this comment-enabled todo list block for React and Next.js. Each task shows a message icon with comment count, and expanding reveals a mini thread with avatar initials, author names, relative timestamps, and an inline reply input. Built with TypeScript, shadcn/ui Checkbox, Button, Input, and Avatar components, motion staggered animations, and Tailwind CSS. Perfect for team task boards, code review trackers, and collaborative project management tools.
Related Components
Notes Todo List
Todo list with expandable notes
Attachments Todo List
Todo list with file attachments
Dependencies Todo List
Todo list with task dependencies
Estimation Todo List
Todo list with story points
Bulk Actions Todo List
Todo list with multi-select operations
Template Todo List
Todo list with task templates
FAQ
Was this page helpful?
Sign in to leave feedback.
Color Coded
A color-coded category todo list block for React and Next.js with color dot selectors, category filtering, and color legend built with shadcn/ui and Tailwind CSS
Compact
An ultra-dense compact todo list block for React and Next.js with tiny rows, minimal padding, and density toggle built with shadcn/ui and Tailwind CSS