Todo List Notification
React todo list notification panel block for Next.js with grouped notifications, read and unread states, type icons, and mark-all-as-read using shadcn/ui and Tailwind CSS
Stay on top of task updates with this React and Next.js notification panel block. Notifications are grouped by day with unread indicators, type-specific icons, and a one-click mark-all-as-read button. Each notification shows the action, actor, and timestamp in a clean, scannable list. Built with TypeScript, shadcn/ui Avatar, Badge, and Button components, and Tailwind CSS.
Related Components
Todo List Changelog
Task activity log
Todo List Delegation
Task delegation workflow
Todo List Approval
Approval workflow tasks
Todo List Collaborative
Multi-user collaboration
Todo List Team Workload
Team workload balance
Todo List Roadmap
Roadmap status lanes
FAQ
Was this page helpful?
Sign in to leave feedback.
Notes
A todo list block with expandable inline notes for React and Next.js featuring collapsible note previews, editable text areas, and staggered animations built with shadcn/ui and Tailwind CSS
Okr
React todo list OKR tracking block for Next.js with objectives, key results, progress percentages, and quarterly status indicators using shadcn/ui and Tailwind CSS