Skip to content
Home Services Book

Day planner. Every hour accounted for.

Read the written guide A free online tool by Digital Heroes
Today

Saved only in this browser, nothing is uploaded.

No blocks yet. Click + Add block or any empty slot to plan your day.

Click a block to edit · drag to move · drag the bottom edge to resize · ↑/↓ nudges a focused block by 15 min · Delete removes it.

Day overview
Planned 0h Free 0h
Blocks 0

Time-blocking that respects your privacy

Time blocking turns a vague to-do list into a realistic plan: every task gets a slot, so you can see whether the day actually fits. This planner paints your blocks on a 6am to 11pm timeline you can drag around, colour-codes them by category, and tallies planned versus free hours live. Switch dates to plan tomorrow or review last week, each day is stored separately in your browser. No account, no sync, nothing leaves your device.

§ · written guide

How to use the Day Planner (Time Blocking)

This planner lets you lay out a day as colored blocks on a timeline from 6am to 11pm. Every block snaps to 15 minutes, can be dragged and resized, and belongs to one of seven categories, while a summary shows planned against free hours. It suits anyone who wants to see whether a to-do list actually fits into the day before it starts.

Step by step

  1. Pick the day

    The planner opens on today. Use the Previous day and Next day arrows, the Today button, or the date box to open any other date. Each date keeps its own plan.

  2. Add a block

    Press + Add block, or click an empty spot on the timeline to start a block at that time. In What are you doing?, type a name such as Design review. Choose a Start time in 15 minute steps and a Duration from 15 minutes to 6 hours. A new block starts at 9am for 1 hour unless you clicked a slot.

  3. Choose a category

    Under Category, click one of the seven color squares: Deep work, Meetings, Admin, Break, Learning, Health or Personal. Deep work is selected to start. Hover over a square to see its name. Press Add block to place it.

  4. Move and resize on the timeline

    Drag a block up or down to change its time, or drag its bottom edge to make it longer or shorter. Both snap to 15 minutes and stay inside 6am to 11pm.

  5. Edit or remove

    Click a block, or its pencil button (Edit block) in the Blocks list, to change it, then press Save, Delete or Cancel. With a block selected using the Tab key, the up and down arrow keys move it by 15 minutes and the Delete key removes it.

  6. Check the day overview

    Watch Planned and Free in the Day overview as you build the day. The colored bar and the list under it show how many hours each category takes.

Reading the result

  • Planned adds up the length of every block. Free is what is left of the 17 hour window from 6am to 11pm. A 2 hour Deep work block and a 1 hour meeting give Planned 3h and Free 14h.
  • The stacked bar shows each category's share of the 17 hours in its color, with the empty part for free time. The rows under it list only the categories you used.
  • Each block shows its start, end and length, for example 9am, 10:30am · 1h 30m.
  • When you view today, an amber line marks the current time and moves every minute.
  • Blocks that overlap are drawn side by side in narrower columns so none is hidden.

Tips and common mistakes

  • Overlapping blocks are both counted in Planned, so two blocks at the same hour add 2 hours. Avoid overlaps if you want Free to stay accurate.
  • Leave room for breaks and travel. A day planned to the last minute has no slack for a meeting that runs over.
  • Removing a block with the cross button or the Delete key has no confirmation and no undo.
  • A block that would run past 11pm is cut short at 11pm when you save it.
  • If you keep the planner open in two tabs, a change in one tab shows up in the other.

Privacy and limits

Your plans stay in this browser. Every date is saved together in local storage under the key dh_timeblock_v1, nothing is uploaded, and there is no account or sync. Plans do not follow you to another browser or device, and clearing site data or using a private window deletes them.

Back to the tool

§ 02 · what you can do

Everything a day planner should do.

Visual timelineBlocks on a 6am, 11pm day with hour and half-hour gridlines, snapping to 15 minutes.
Drag & resizeDrag a block up or down to reschedule; pull the bottom grip to change its duration.
Seven categoriesColour-code Deep work, Meetings, Admin, Break, Learning, Health and Personal.
Planned vs freeA live stacked meter plus a per-category hour breakdown, see if the day actually fits.
Plan any dateArrows or the calendar picker open any day, each date is saved separately.
Private by constructionEverything is saved in your browser only; nothing is uploaded, no account needed.
§ 04 · faq

Frequently asked questions.

Is the Day Planner free?
Yes, completely free for everyone. No sign-up, no account and no usage limits.
Is it private? Is my schedule uploaded anywhere?
No upload, ever. The planner runs entirely in your browser on your own device, your blocks are saved to local storage and never leave your computer.
Does it work offline?
Yes, once the page has loaded, everything (adding, dragging, resizing, switching days) works without a connection, because all logic runs locally.
Will I lose my plan if I close the tab?
No, each day is saved in this browser automatically and reloads when you come back, even across tabs. Clearing site data removes it, so treat it as a personal planner, not a backup.
What hours does the timeline cover?
6:00am to 11:00pm, with blocks snapping to 15-minute increments. When you're viewing today, an amber line marks the current time and moves as the day goes on.
Can I plan days other than today?
Yes, use the arrows or the calendar picker to open any date, past or future. Every day is stored separately, so tomorrow's plan never overwrites today's.

Published · Last updated .

Priya sent you a message Online now

Talk to a Developer Now

Share your name and email to reply.

Reply