Daily Planner
Free online daily planner with hourly time blocks and color-coded categories. Plan your day, navigate between dates, and save to your browser.
This daily planner shows a visual timeline from 6 AM to 11 PM where you can block out hours for work, personal tasks, health, and meetings. Each event is colour-coded by category, and a red "now" line shows where you are in today's schedule. Navigate between days to plan ahead or review past schedules, all stored locally in your browser.
About Daily Planner
How Time Blocking Works
Time blocking is a scheduling method where you assign each task to a specific hour of the day instead of working off a loose to-do list. Cal Newport, the Georgetown computer science professor who popularised the method in Deep Work and A World Without Email, argues that a 40-hour time-blocked week can produce the same output as a 60-hour week worked reactively. The reason is that an unblocked day leaves every hour open to whichever task shouts loudest, while a blocked day has already decided what deserves the next hour before email, Slack, or Teams get a chance to vote.
Worked example: A software engineer has a 7-hour workday, two meetings (10 AM and 3 PM), a 2-hour deep-work task (rewriting a module), four code reviews, and 20-30 Slack messages to triage. Reactive day: the engineer works through Slack messages first, gets pulled into an unplanned call, starts the deep work after lunch, gets interrupted by code reviews, and finishes the module the next morning. Blocked day: 9-11 AM deep work on the module (phone silenced), 11-11:30 code reviews, 11:30-12 Slack triage, 1-3 PM buffer/overflow, 3-4 PM meeting, 4-5 PM second code-review batch. The module ships on day one and the reviews still get done.
| Approach | How It Works | Downside |
|---|---|---|
| To-do list only | List tasks, work through them in any order | Easy to procrastinate on hard tasks; no sense of when things happen |
| Time blocking | Assign each task a specific time slot on a timeline | Requires upfront planning; needs flexibility for interruptions |
| Hybrid (recommended) | Block major tasks, leave buffer slots for overflow and surprises | Slightly more planning effort |
Event Categories
| Category | Colour | Examples |
|---|---|---|
| Work | Blue | Deep work, project tasks, emails, admin |
| Personal | Green | Errands, hobbies, family time, reading |
| Health | Red | Exercise, meal prep, meditation, doctor appointments |
| Meetings | Purple | Calls, video conferences, 1-on-1s, standups |
The colour coding makes it easy to see at a glance how your day is balanced. If your timeline is mostly blue, you might want to add some green or red blocks for personal and health activities.
Planner Features
| Feature | What It Does |
|---|---|
| Click to add | Click any hour slot on the timeline to create an event with a title, time range, and category |
| Current time line | A red horizontal line marks the current time on today's view, updating every minute |
| Day navigation | Previous and Next buttons move between dates; each date stores its own schedule |
| Summary bar | Shows total tasks, blocked hours, free hours, and a category breakdown |
| Edit and delete | Click an existing event to modify it or remove it from the schedule |
| Persistent storage | All events saved to localStorage and available across browser sessions |
Daily Planning Templates
Here are some common day structures that work well with time blocking:
| Template | Structure | Best For |
|---|---|---|
| Deep work morning | 6-9 AM focused work, 9-10 AM meetings, 10-12 PM work, PM admin/meetings | Knowledge workers, writers, programmers |
| Meeting-heavy day | Meetings clustered 9 AM - 1 PM, deep work 2-5 PM | Managers, team leads |
| Split day | Work 7-11 AM, personal/health 11 AM - 2 PM, work 2-6 PM | Freelancers, remote workers |
| Student schedule | Classes fixed, study blocks between, exercise in the evening | Students with lecture schedules |
| Balanced day | Equal blocks of work, personal, and health spread through the day | Anyone prioritising work-life balance |
Tips for Effective Daily Planning
| Tip | Why It Works |
|---|---|
| Plan the night before | Starting the day with a plan eliminates morning decision paralysis |
| Block your most important task first | Ensures it gets done before meetings and distractions fill the day |
| Leave 25% of your day unblocked | Buffer time absorbs unexpected tasks and prevents the schedule from breaking |
| Batch similar tasks together | Context switching costs 15-25 minutes per switch according to productivity research |
| Schedule breaks explicitly | If breaks are not on the schedule, they tend not to happen |
| Review at the end of the day | Compare planned vs actual to improve future estimates |
How the Summary Bar Helps
The summary section at the top shows how many events you have, how many hours are blocked, and how much free time remains in the day. A category breakdown shows the split between work, personal, health, and meetings. This helps you spot imbalances - for example, if meetings are taking 6 hours and deep work only has 2, you might need to protect more focus time.
What Does the Research Actually Say?
Time blocking is backed by solid attention-research findings, not just productivity folklore. A few numbers worth knowing:
| Finding | Number | Source |
|---|---|---|
| Average recovery time after an interruption | 23 minutes 15 seconds | Gloria Mark, UC Irvine, "The Cost of Interrupted Work" (CHI 2008) |
| Average uninterrupted focus span on a screen | ~47 seconds (2021), down from 2.5 minutes in 2004 | Gloria Mark, Attention Span (2023) |
| Other tasks encountered before returning to original | 2.3 | Mark, Gudith, Klocke (2008) |
| Output uplift from a time-blocked week | Roughly +50% | Cal Newport, Deep Work (2016) |
| Meetings that could have been an email (US survey) | ~70% | Harvard Business Review (Perlow, Hadley, Eun, 2017) |
The takeaway is that unplanned context switching is expensive and invisible. You do not feel 23 minutes vanishing when you glance at Slack, but the cumulative effect on a reactive day is enormous. A time-blocked day is not about squeezing more hours out of yourself - it is about protecting the few hours you already have from being shredded by micro-interruptions.
How Long Should a Block Be?
Most people overestimate how long they can sustain genuinely focused attention. Cal Newport recommends 60-90 minute deep-work blocks as the upper end for most knowledge workers, with 2-4 hours per day being a realistic maximum before mental fatigue degrades the output. Anders Ericsson's deliberate practice research on elite performers (violinists at the Berlin Music Academy) found that even world-class practitioners capped their most demanding practice at around 4 hours across the day, split into 60-90 minute blocks with rest in between.
| Task Type | Suggested Block | Notes |
|---|---|---|
| Deep work (writing, coding, analysis) | 60-90 min | Protect with silent phone and blocked notifications |
| Email and Slack triage | 20-30 min | Two or three batches per day, not continuous |
| Meetings | 25 or 50 min | Default 30/60 minute slots steal 5-10 min of every hour |
| Administrative tasks | 30 min | Good for post-lunch dip when deep work is hard |
| Study blocks | 50 min + 10 min break | Newport's "Straight-A" recommendation for students |
| Buffer/overflow | 60 min | Absorbs overruns; keeps schedule from collapsing |
The Pomodoro timer fits naturally inside these larger blocks - you can set a 90-minute deep-work block on the planner and run three or four Pomodoro cycles inside it to keep the attention fresh.
Time Blocking vs Calendar vs To-Do App?
A common question is whether a daily planner replaces or complements existing tools. The short answer: they solve different problems.
| Tool | Strength | Weakness |
|---|---|---|
| Shared calendar (Google, Outlook) | Coordinates meetings with other people | Invites fill slots others picked, not slots you picked |
| To-do app (Todoist, Things) | Captures every task so none are forgotten | Does not decide when any task actually happens |
| Paper planner | No notifications, feels committing to write | Not searchable, lost if misplaced |
| Browser time-block planner | Decides what happens in each hour, stored per-date | Not a meeting-invite system for colleagues |
Most people who stick with time blocking use two tools together: a shared calendar for anything that involves other people, and a personal time-block plan for the rest of the day. The checklist maker handles the "capture everything" layer; the daily planner then decides when each captured task actually gets its hour.
Common Mistakes That Make Time Blocks Fail
- Blocking 100% of the day. A plan with no buffer breaks the first time a meeting runs long. Aim for 60-75% blocked and keep the rest open.
- Scheduling deep work after lunch. The post-lunch dip (around 1-3 PM) is well documented - blood glucose, circadian rhythm, and sleep pressure all work against focus. Put deep work in the morning or late afternoon.
- Copy-pasting yesterday's plan. Meetings shift, energy shifts, priorities shift. Plan each day the night before or first thing in the morning, not on autopilot.
- Ignoring overruns. A block that consistently overruns by 50% is not a planning failure - it is a signal that the task is larger than you think. Re-scope it or block more time.
- Forgetting to schedule breaks and meals. If it is not on the schedule it does not happen, and skipped breaks lead to evening fatigue that ruins tomorrow.
- Treating the plan as a contract. The value is in deciding in advance, not in rigid execution. A 70% adherence rate is a successful blocked day.
For simple to-do lists without time slots, the checklist maker handles task lists with checkboxes. To time individual focus sessions within your blocks, the Pomodoro timer pairs well with a daily plan. For tracking recurring daily habits over weeks, the habit tracker shows streaks and completion rates. All data stays in your browser with nothing stored on any server.
Sources
- Gloria Mark, Daniela Gudith, Ulrich Klocke - The Cost of Interrupted Work (CHI 2008, UC Irvine)
- Cal Newport - Deep Habits: Planning Every Minute of Your Work Day
- Cal Newport - On Deep Breaks and Block Length
- Harvard Business Review - Stop the Meeting Madness (Perlow, Hadley, Eun, 2017)
- Ericsson, Krampe, Tesch-Romer - The Role of Deliberate Practice (Psychological Review, 1993)
- NHS - Sleep, Tiredness and the Post-Lunch Dip
Frequently Asked Questions
How do I add an event to a time slot?
Click any empty hour slot on the timeline. A text input and category selector will appear. Type the event name, pick a category (Work, Personal, Health, or Meeting), and click Save. You can also press Enter to save.
Can I edit or remove an event?
Click on an existing event to open it for editing. You can change the title, switch the category, or click Remove to delete it entirely.
Does my schedule save between sessions?
Yes. Each day's events are saved to your browser's localStorage under a date-specific key. When you return later and navigate to that date, your events will still be there.
What does the red line on the timeline mean?
The red line shows the current time. It only appears when you are viewing today's schedule. It updates every minute so you can see where you are in your day at a glance.
Can I plan ahead for future days?
Yes. Use the Previous and Next buttons at the top to navigate to any date. Each date has its own saved schedule, so you can plan days or weeks in advance.
Related Tools
Link to this tool
Copy this HTML to link to this tool from your website or blog.
<a href="https://toolboxkit.io/tools/daily-planner/" title="Daily Planner - Free Online Tool">Try Daily Planner on ToolboxKit.io</a>