Back to all posts

Live clock widgets you can embed anywhere: analog, digital, flip and world clocks

Embed a live clock in Notion, Obsidian, Google Sites or your own website: analog desk clocks, bold digital clocks, retro flip clocks and multi-city world clocks — all real-time iframes, free to embed.

2026-09-13

A clock is the most-embedded widget on the web, and for an obvious reason: every dashboard, homepage and Notion page wants to say "now". The problem with most "clock widgets" is that they are images or dead scripts. The clocks below are live iframes of real clock pages, cropped to just the dial, so they keep perfect time inside any document.

Analog clocks — the desk-clock look

A classic analog dial with sweeping hands reads as furniture, not software. Put it at the top of a personal homepage or a team wiki sidebar.

Digital clocks — big, legible, unmissable

When the clock is the point (a wall display, a focus page, a kitchen tablet), you want digits you can read from three meters.

Flip clocks — retro digits that turn

Flip clocks (split-flap displays) are the aesthetic choice: airport-board nostalgia with live minutes.

World clocks — every timezone at once

For distributed teams: a board of city clocks that answers "can I ping Berlin now?" without arithmetic.

Plain clocks — date and time, nothing else

How embedding works

Each embed URL renders the source clock page inside a sandboxed iframe on the embed.widget.diy origin, cropped to the dial and scaled to fit your container. In Notion: /embed → paste the URL. In HTML:

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

Add ?fit=contain to letterbox the dial into any box, or ?fit=cover to fill it. The clock keeps ticking because every view reloads the live source.

FAQ

Do the clocks show my timezone? Each widget shows the timezone of its source page (most follow the viewer's browser clock for browser-local clocks; city boards show fixed cities). Pick the city board for multi-timezone pages.

Can I crop my own clock from any site? Yes — paste any clock page URL into widget.diy, drag a frame around the dial, and you get an embed URL in under a minute.

Are these free? Embedding is free and unlimited; creating your own widgets is free up to five per account.