Priority Matrix
Eisenhower-style 2x2 grid with task chips in each urgency and importance quadrant, per-quadrant counts, and a note that Do Now should be the emptiest column.
Eisenhower-style 2x2 grid with task chips in each urgency and importance quadrant, per-quadrant counts, and a note that Do Now should be the emptiest column.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Priority Matrix is the Eisenhower-style task sorter for the Acme Jun 2026 sprint, a 2x2 CSS grid with four named quadrants: Do now (Urgent + Important, 2 tasks), Schedule (Not Urgent + Important, 5 tasks), Delegate (Urgent + Not Important, 3 tasks), and Eliminate (Not Urgent + Not Important, 2 tasks). Each quadrant carries badge pills for its axes, task chips like "Fix auth regression on staging" and "Q3 roadmap planning session", a task count, and a summary row below the grid repeating the counts. The Do now quadrant carries the honest note: "This quadrant should be the emptiest. If it is full, the other three need attention."
Quadrants are one typed const array with a note field that is null on three of the four. The footnote below the grid repeats the same truth: a full Do Now column is a sign the matrix needs rebalancing, not more hours.
Reach for this block on a sprint planning or personal productivity page, wired to your task store filtered to the current sprint window. Populate chips from real task slugs so users can click through to the task detail.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the sprint triage view at planning time. Other matrix configurations:
Tip: label the quadrant actions (Do now, Schedule, Delegate, Eliminate) not just the axes, the action word is what makes the framework useful.