Shadcn.io is not affiliated with official shadcn/ui
Todo List Eisenhower
An Eisenhower urgency-importance matrix todo list block for React and Next.js with four-quadrant task organization, drag-to-reclassify, and batch actions built with shadcn/ui and Tailwind CSS
Prioritize tasks with this Eisenhower matrix todo list block for React and Next.js. Features a four-quadrant grid separating tasks by urgency and importance with Do First, Schedule, Delegate, and Eliminate zones. Each quadrant has its own task list with checkboxes and quick-move controls. Built with TypeScript, shadcn/ui Checkbox and Button components, framer-motion staggered animations, and Tailwind CSS. Ideal for productivity dashboards, time management tools, and task prioritization workflows.
Related Components
GTD Inbox Todo List
GTD inbox processing workflow
Time Blocking Todo List
Time-blocked daily planner
Focus Mode Todo List
Single-task focus mode
Weekly Review Todo List
Weekly review format
Sprint Backlog Todo List
Agile sprint backlog
Daily Planner Todo List
Day planner with sections
FAQ
Was this page helpful?
Sign in to leave feedback.
Drag Sort
A reorderable todo list block for React and Next.js with manual sorting controls, completion tracking, and smooth layout animations built with shadcn/ui and Tailwind CSS
Email Queue
An email management queue todo list block for React and Next.js with campaign labels, delivery status, open rate tracking, and send scheduling built with shadcn/ui and Tailwind CSS