Eisenhower Matrix
Prioritize tasks in 2x2 quadrants: Do, Schedule, Delegate, Delete. Drag-drop between quadrants, deadlines with overdue badge, localStorage, export/import JSON. 100% offline.
About this tool
A drag-and-drop Eisenhower Matrix. Add a task with a title, optional note, optional deadline, and pick a starting quadrant. The four quadrants are Q1 = urgent & important (do now), Q2 = important & not urgent (schedule), Q3 = urgent & not important (delegate), Q4 = neither (delete). Tasks render as color-coded cards inside each quadrant with the deadline shown in green (today), amber (upcoming), or red (overdue). Drag any card and drop it on another quadrant to re-prioritize. Tap the × on a card to delete. Everything saves to localStorage automatically. The export button dumps the current state to a JSON file (with version and ISO timestamp), and the import button reads one back — useful for backup, moving between devices, or template reuse. The "Clear all" button wipes everything after a confirmation prompt.
Details
- Category
- productivity
- Version
- 1.0.0
- Size
- 15 KB
- Updated
- Jun 2026
Frequently Asked Questions
What is the Eisenhower Matrix?
A prioritization framework popularized by President Dwight Eisenhower. It sorts tasks along two axes: urgent vs. not urgent, and important vs. not important. The Q1 quadrant (urgent AND important) is "do now" — crises, deadlines, fires. Q2 (important, not urgent) is "schedule" — long-term planning, exercise, relationship building. Q3 (urgent, not important) is "delegate" — interruptions, other peoples emergencies. Q4 (neither) is "delete" — time wasters, busywork. The point is that most people spend too much time in Q1 and Q3, reacting, and not enough in Q2, which prevents future Q1 fires.
How does drag-and-drop work on mobile?
Native HTML5 drag-and-drop is a desktop API. On touch devices, the touch-and-hold pattern varies by browser. iOS Safari and Chrome mobile do not support HTML5 drag from JavaScript by default. The card has cursor: grab on desktop so mouse users get the standard grab cursor. If drag does not work on your mobile browser, use the import flow — delete the old card and add a new one in the target quadrant, or edit and copy/paste the title.
Where are my tasks stored?
In your browser localStorage under the key "eisenhower-tasks". It is never uploaded anywhere — there is no fetch, no API call, no CDN. Tasks persist across page reloads on the same device and browser profile. To move tasks to another device, use the export button to download a JSON file, then the import button on the other device. To clear everything, use "Clear all" or clear your browser data for this site.
How is "overdue" calculated?
A deadline string is treated as a date in your local timezone (e.g. "2026-06-20"). The tool compares the deadline to today (midnight, local time) on each render. A task is "overdue" if the deadline is strictly before today (red badge), "today" if equal (green badge), or "in N days" if after today. The label updates live each time you open or refresh the page. Tasks without a deadline have no badge and never show as overdue.
Is my data private?
Yes. The matrix is pure client-side JavaScript inlined in the HTML. Tasks live in localStorage, the export/import uses a local file in your Downloads folder, and there is no network call. Other people cannot see your tasks unless you explicitly share the export JSON with them. You can use the tool to plan work, manage personal projects, or organize a team retrospective without any data being uploaded.