Skip to content

Notion Pomodoro Timer Widget

In Notion, type /embed, paste the link and resize the block.

Timer

Theme

Colors

Your embed link

Open in a new tab
Live preview

📚

My study dashboard

☐ Chapter 4 · active recall

☐ Problem set 2

Want a Pomodoro timer right inside your Notion dashboard? Build your widget above: pick a rhythm, a theme and a color palette, check the live preview, then copy the link and paste it into Notion as an embed. The widget is a real, working timer with its own settings and stats. It is free, needs no account, and works in Notion or anywhere else that accepts embeds.

How to add a Pomodoro timer to Notion

It takes less than a minute, and you don't need an integration or an API key: Notion's embed block does all the work.

  1. 1Customize your widgetUse the builder above to choose a preset, theme and palette, and watch the preview update.
  2. 2Copy the linkClick the copy link button to copy your widget's embed URL.
  3. 3Create an embed in NotionType /embed in a Notion page and paste the link, or paste the link directly and choose "Create embed".
  4. 4Resize the blockDrag the edges of the embed block until the timer fits your layout.
  5. 5Start focusingPress Start right inside Notion, without switching to another tab.

Customize the Notion timer widget

The builder above sets everything for you, but each option is just a parameter added to the end of the link https://pomodoro-focus-timer.io/embed, so you can also edit it by hand. Leave a parameter out and the widget uses its default.

For example, https://pomodoro-focus-timer.io/embed?preset=50-10&theme=dark&palette=ocean&transparent=1 gives you a dark 50/10 timer in the ocean palette, with no background of its own.

  • preset: the focus and break rhythm. classic is the traditional 25/5; 50-10, 52-17, 90-20 and 45-15 give you longer deep-work blocks.
  • theme: light, dark or auto. Auto follows the light or dark setting of your device.
  • palette: the accent color, with tomato, ocean, matcha, lavender or a minimal mono.
  • transparent=1: removes the widget's background so it blends into your page instead of sitting in a box.

Ideas for a Notion study or work dashboard

A Pomodoro widget turns a Notion page from a place where you plan work into a place where you do it. A few layouts that work well:

  • Study dashboard: put the timer next to your class schedule, an assignments database and your exam dates, so revision lives on one page.
  • Daily planner: place the widget at the top of your daily note, beside today's to-do list, and work through it one pomodoro at a time.
  • Deep work page: a dark, transparent 90/20 timer above your project notes turns any page into a quiet workspace.
  • Aesthetic setup: match the palette to your cover image and icons, like matcha for green tones or lavender for soft purples.

Embed the Pomodoro timer anywhere

The widget is a regular web page, so the same link works anywhere that accepts embeds or iframes, not only in Notion. The parameters for preset, theme, palette and transparency work the same everywhere.

  • Obsidian: add an HTML iframe to a note with the widget link as its source, then view it in reading or live preview mode.
  • Coda: insert an embed and paste the link.
  • Google Sites: choose Embed, then paste the widget URL.
  • Your own website or blog: add an iframe pointing to the widget link and give it the width and height you want.

How the Pomodoro timer works

Four simple steps. No account, nothing to install: it runs right here in your browser.

  1. 11

    Pick what to work on

    Add a task and estimate how many pomodoros it needs. The active task is credited automatically when a session ends.

  2. 22

    Start the timer

    Press Start (or the Space bar) and give the task your full attention until the bell rings.

  3. 33

    Take a real break

    Step away from the screen for 5 minutes. Stretch, drink some water, rest your eyes.

  4. 44

    Repeat, then rest longer

    After four pomodoros, take a longer 15–30 minute break. Your stats and streak update on their own.

Everything you need to focus. Nothing you don't.

A calm, distraction-free timer with the tools serious students and makers actually use.

Accurate in the background

The countdown is based on real timestamps, so it stays exact in background tabs, on sleep and after a reload.

Ambient sounds & lofi

Layer rain, café or forest sounds, add focus music, a lofi radio or your own Spotify playlist.

Tasks with estimates

Plan your session in pomodoros and see when you will be done, breaks included.

Stats, streaks & badges

Daily goal, activity charts, a year heatmap and 46 badges to unlock. Share your week in one tap.

Floating timer

Pop the timer out into an always-on-top mini window while you work in other apps.

Scenes & themes

Light, dark, five color palettes and immersive scenes, from deep space to a flower field.

Keyboard shortcuts

Space to start, R to reset, S to skip, F for fullscreen. Your hands never leave the keyboard.

Private by design

No sign-up, no ads, no tracking of your work. Your data stays in your browser, exportable anytime.

Frequently asked questions

How do I add a timer to Notion?

Copy a widget link from the builder above, type /embed in any Notion page and paste it, or paste the link and choose "Create embed". Resize the block and the timer is ready to use right inside Notion.

Is the Notion Pomodoro widget free?

Yes. The widget is completely free, has no ads and doesn't require an account or a Notion integration. Copy the link and use it on as many pages as you like.

Does the widget save my settings and stats?

Yes. The widget keeps its own settings and stats locally in the browser where you use it, not in a cloud account. Another device or browser will start with its own separate data.

Why is my Notion embed not showing the timer?

Check that you pasted the full link, starting with https://pomodoro-focus-timer.io/embed, and chose "Create embed" rather than a bookmark or plain link. If the timer looks cut off, drag the edges of the block to make it taller or wider.

Can I embed the Pomodoro timer in Obsidian or on my website?

Yes. Any tool that accepts iframes works: use an HTML iframe in an Obsidian note, the embed option in Coda or Google Sites, or an iframe on your own site.

Ready for your next focus session?

Your timer is waiting at the top of the page.

Start focusing