Todo List Calendar View
A calendar-organized todo list block for React and Next.js with date-grouped tasks, due date indicators, and overdue highlighting built with shadcn/ui and Tailwind CSS
Plan tasks by date with this calendar-organized todo list block for React and Next.js. Features date-grouped sections showing Today, Tomorrow, and upcoming tasks, overdue task highlighting with red indicators, and checkbox completion within each date group. Built with TypeScript, shadcn/ui Checkbox, Badge, and Button components, framer-motion staggered animations, and Tailwind CSS. Perfect for daily planners, deadline trackers, and time-sensitive project management tools.
Related Components
Basic Todo List
Simple checkbox-based todo list
Priority Todo List
Todo list with priority levels
Subtasks Todo List
Todo list with nested subtasks
Full Task Todo List
Todo list with full task creation
Search Filter Todo List
Todo list with search and filtering
Recurring Todo List
Todo list with recurring tasks
FAQ
Was this page helpful?
Sign in to leave feedback.
Burndown
A sprint burndown visualization todo list block for React and Next.js with task progress bars, daily breakdown, and point tracking built with shadcn/ui and Tailwind CSS
Card View
A card-based todo list block for React and Next.js with responsive grid layout, priority indicators, and list/card toggle built with shadcn/ui and Tailwind CSS