Tailwind UI Pattern Registry for humans and agents

planning daily productivity morning-ritual mit backlog scheduler intention time-blocking daily planning morning ritual MIT most important tasks intention backlog time blocking productivity build a daily planning screen morning ritual view with priorities and schedule structured daily planner

Daily Planning View

Fetch pattern JSON: curl https://webspire.de/patterns/daily-planning/base.json

Details

Family
daily-planning
Tier
base
Kind
layout
Dark Mode Tailwind Only Copy & Paste
Stable Published
planningdailyproductivitymorning-ritualmitbacklogschedulerintentiontime-blocking

Slots

Name Required Description
header Yes Date label, optional stats, and a "Start Day" CTA that navigates to the active work view.
intention Yes Full-width textarea for the user's daily intention or focus statement.
mit Yes Left column showing the 3 Most Important Tasks (MIT). Tasks are starred from the today column.
backlog Yes Center column with two sub-lists — unscheduled tasks (drag/click to assign to today) and today's task list with MIT star toggle.
schedule Yes Right column — a day-view calendar grid for time-blocking (see calendar-day/base).

Props

Name Type Default Description
date string today ISO date string for the planning session.

A full-screen daily planning layout designed as a structured morning ritual. Four integrated sections guide the user from intention-setting to scheduling: (1) Tagesintention — a free-text focus statement; (2) Wichtigste 3 — select up to 3 Most Important Tasks; (3) Backlog → Heute — move unscheduled tasks to today’s plan; (4) Zeitplan — time-block the day with the day-view calendar grid. A “Starte deinen Tag” button closes the planning session and opens the active work view.