Countdown & pomodoro timer widgets to embed in Notion and your website

Timers are where live embedding matters most: a screenshot of a countdown is worthless thirty seconds after you take it. The widgets below are live iframes of real timer pages, so the numbers actually move inside your document — a pomodoro you can start from your Notion page, a New Year countdown that ticks all year, a year-progress bar that quietly guilt-trips you every Monday.

Pomodoro & focus timers

• Pomodoro timer (25 min) · embed: https://embed.widget.diy/JhHk7c6j — start, pause and reset inside the embed; pair it with a task database for a complete focus station.
• Countdown timer · embed: https://embed.widget.diy/PnfUAwdP — set any duration and get a visual countdown with an end-of-time alert.
• Repeating interval timer · embed: https://embed.widget.diy/ZLWYnoLq — loops the countdown automatically; ideal for HIIT circuits, speaking drills or classroom rotations.

Event & holiday countdowns

• New Year countdown · embed: https://embed.widget.diy/eABtjWLb — days, hours, minutes and seconds until January 1st, live all year.
• Holiday countdown · embed: https://embed.widget.diy/ikAoAdxd — counts down to the next public holiday, so the team always knows what they're working toward.

Year progress — the big picture

• Year progress bar · embed: https://embed.widget.diy/FMKeKyJZ — "71.4% of 2026 remains"-style bar; a favourite for OKR pages and annual review docs.
• Year progress (dukeyin) · embed: https://embed.widget.diy/CADnXijw — a cleaner, minimal variant of the same idea.
• Year statistics panel · embed: https://embed.widget.diy/TYdFRZS8 — day-of-year, week number and elapsed-time stats in one panel.
• Time progress bar (time163) · embed: https://embed.widget.diy/aN2RvxhF — day/month/year progress stacked.

How to embed a timer in Notion

1. Copy the widget's embed URL from its detail page.
2. In Notion type /embed and paste.
3. If the timer needs clicks (start/pause), enable click-through: the embed accepts ?clickable=1, and widget.diy's own detail pages already pass clicks through when the author allows it.

In HTML the same URL drops into an iframe:

<iframe
  src="https://embed.widget.diy/JhHk7c6j?clickable=1"
  width="400"
  height="300"
  frameborder="0"
  scrolling="no"
  loading="lazy"
></iframe>

Why not a native Notion timer?

Notion has no timer block, and third-party "timer" integrations are usually static images or JavaScript that dies inside Notion's sandbox. A live webpage widget sidesteps both problems: the timer logic runs on the source page, in its own sandboxed iframe, and only the pixels travel into your document.

FAQ

Does the pomodoro keep running when I close the page? The timer runs while the embed is visible; reopening the page starts a fresh session — which is exactly how a desk timer behaves.

Can I build a countdown to my own date? Yes: crop any countdown page that accepts a date in its URL, or build a custom HTML widget with widget.diy's schema-driven settings.

Is embedding free? Yes, embedding any plaza widget is free and unlimited.