Notion widgets

Notion World Clock Widget

See what time it is for your team, family or clients at a glance, right on your Notion dashboard.

  • Free foreverNo trial, no paywall, no usage limits.
  • No sign-upOpen the page and start. We never ask for an email to use a tool.
  • PrivateEverything runs in your browser. Your input is never uploaded or stored on our servers.
  • Works offlineOnce the page has loaded, the tool keeps working without a connection.

Style

Five looks. Every option below works with every style.
Clean type, no frame. Blends into any Notion page.A frosted, translucent card with a soft highlight edge.Glowing accent-colored type. Best on dark pages.A warm paper card with serif type, like a note on your desk.An LCD screen with scanlines and monospace digits.

World Clock options

Reset to defaults
The time zones to show, in order. Rename any of them ("Mom", "Berlin team"). Viewer's local time adds a card with each viewer's own time.
  1. City 1
    Move upMove downRemove
  2. City 2
    Move upMove downRemove
  3. City 3
    Move upMove downRemove

3 of 8. Reorder them with the arrows.

Auto puts the cities in a row when there is room and wraps them into a grid when there is not.
Always one row, side by side.One city per line, like a departures board.
Digits, or a small analog face for each city.
Auto follows the language setting (12-hour in the US, 24-hour in most of Europe).
Adds seconds to every city. Usually not needed for a world clock.
A sun from 6 am to 6 pm local time and a moon otherwise, so you can see at a glance who is awake. It uses the local hour, not the exact sunrise.
Shows whether it is already tomorrow (or still yesterday) there, and how many hours ahead or behind the viewer each city is.
Optional heading above the clocks, such as "Team hours".

0/40 characters

Colors and font

Light or dark colors. Auto adapts to the page it is embedded in.
Follows the page: light text on dark Notion pages, dark text on light ones (in browsers that pass the theme to embeds, otherwise your device setting).Dark text for light Notion pages.Light text for dark Notion pages.
Transparent lets your Notion page show through, so the widget looks built in. Solid gives it its own card.
Blends into the page behind it.Fills the embed with the style's own background.
Used for highlights: progress fills, the second hand, glows. Leave it on the style default or match your page's colors.
Using the style's own accent. Pick a color to override it.
Fonts already on the viewer's device, so the widget loads instantly and works offline. Each style has its own default.

Language and credit

How month and day names and numbers are written. Auto uses each viewer's browser language. Text you type is shown as you typed it.
A small link in the corner that opens this builder in a new tab. The widget is free either way; turn it off to hide it.
Edit a widget you already madePaste its link

Live preview

This is the real widget, running exactly as it will in Notion.
A small block: 360 × 130 px.One of two columns: 340 × 280 px.The full width of a standard page: 700 × 170 px.
See the widget on a light Notion page.See the widget on a dark Notion page. Theme Auto switches with it.

340 × 280 px

Your embed link

Paste this into a Notion embed block. Everything about the widget is in the link, so there is no account and nothing to save.
Open in new tab
The link updates as you change options. Anyone who can see your Notion page can read the text in it.

How to add it to Notion

  1. 1Copy your linkPress Copy embed link above.
  2. 2Add an embed blockIn Notion, type /embed on an empty line and press Enter.
  3. 3Paste the linkPaste it into the box and choose Embed link.
  4. 4Resize itHover over the embed and drag the bars on its sides. The widget refits to any size.

Works in Notion on the web, the desktop app and the mobile apps: the widget needs no login, so it loads everywhere. Notion's guide to embeds

Want a site designed with this level of care? Talk to our team

Quick answer

A Notion world clock widget shows the current time in several cities at once inside a Notion page. Playxoft's free world clock widget shows up to eight time zones in a row, grid or list, each with your own label, a day or night icon and how far ahead or behind it is. Pick the cities, press Copy embed link and paste it into a /embed block in Notion.

  • Up to eight cities
  • Custom labels
  • Day and night icons
  • Time differences
  • Daylight saving aware
  • Row, grid or list

How to use the Notion World Clock Widget

  1. 1Under Cities, pick each time zone and add a label if you like ("Berlin team", "Mom").
  2. 2Choose a Layout (Auto, Row or List) and Digital or Analog faces.
  3. 3Pick a Style and theme so it matches your page.
  4. 4Press Copy embed link.
  5. 5In Notion, type /embed, paste the link and choose Embed link.

Why put a world clock in Notion?

If your team, clients or family live in other time zones, the question "what time is it there?" comes up every day. A world clock on the dashboard you already open answers it before you send a message or book a call:

  • Remote teams: one card per office or teammate, labeled by name, on the team's Notion home.
  • Freelancers and agencies: your clients' cities next to your own, so you reply inside their working hours.
  • Family abroad: see at a glance whether it is a good time to call.
  • Travel planning: home time next to your destination while you plan the trip.

Labels are yours to choose, up to 24 characters each, and the cards stay in the order you set.

How are time differences and day changes calculated?

Each card works out its city's time from the time zone database built into the viewer's browser, every second. Daylight saving is handled per city: New York is UTC−5 in winter and UTC−4 in summer, while Tokyo never changes, so the gap between them changes twice a year and the widget follows.

The difference under each city is measured from the viewer's time zone. You and a teammate in another country can share one page and each see the differences from where you are. Zones with half-hour and quarter-hour offsets show exactly, such as India at UTC+5:30 and Nepal at UTC+5:45.

When a city's date differs from the viewer's, the card says Tomorrow or Yesterday, so a call at 9 AM on Monday in San Francisco is clearly the early hours of Tuesday in Sydney.

What does the day and night icon mean?

A sun shows from 6:00 to 17:59 local time and a moon from 18:00 to 5:59, and night cards get a slightly darker tint. It is a quick signal for "is this a reasonable time to reach someone?", not an astronomical sunrise: in summer in Stockholm it is light well before 6 AM, and in winter well after.

Turn the icon off with Day and night icon if you only want the times.

Which layout fits my page?

LayoutHow the cities sitGood for
AutoA row when there is room, a balanced grid when there is notMost pages
RowAlways side by sideA full-width strip across a dashboard
ListOne city per line, time on the rightNarrow columns and departure-board looks

Every layout scales its text to the size you give the embed in Notion. On phones, Notion collapses columns into one, and the widget re-measures and redraws for the new width. Analog faces work in all three layouts.

How do I find the right time zone for a city?

Time zones are named after a large city in the zone, such as America/New_York or Asia/Kolkata. If your city is not listed, pick the city that shares its clock and give the card your own label: Bengaluru and Mumbai use Asia/Kolkata, Boston uses America/New_York, and Melbourne and Sydney share Australian Eastern time but each has its own entry.

Add Viewer's local time as one of the cities to show each viewer their own time next to the others, labeled however you like ("You", "Home").

Frequently asked questions

Add the cities in Playxoft's world clock builder, press Copy embed link, then type /embed in Notion, paste the link and choose Embed link. One embed shows up to eight time zones.
Yes. Every city uses the time zone rules built into the viewer's browser, so clocks change automatically on each city's own daylight saving dates.
Up to eight cities in one widget. For more, add a second world clock embed next to the first.
Yes. Every city takes an optional label of up to 24 characters, such as a teammate's name or an office, and keeps the time zone you picked.
The date in that city is already a day ahead of the viewer's date. Cities behind the viewer say Yesterday, and cities on the same date say Today.
Yes. It is free with no account. A small Made with Playxoft link can be turned off in the builder.

Last updated by the Playxoft engineering team.

From the designers who built this tool

Want your site to look this polished?

Consistent color, crisp typography and fast pages are what make a site feel premium. We build accessible, high-converting websites with design systems that stay consistent everywhere. Send us your site and we will share honest recommendations, free.

Get a free website reviewSee website services

More free tools

See all tools

Free Notion Widgets

New

Clocks, countdowns, Pomodoro timers, calendars and more for Notion, in five styles. Free.

Open tool

Notion Clock Widget

New

Digital, analog, flip or word clock for Notion in any time zone, in five styles.

Open tool

Notion Countdown Widget

New

Count down to any date and time in Notion, then show a message or keep counting up.

Open tool

Notion Progress Bar Widget

New

How much of the year, month, week, day or your own date range has passed, live in Notion.

Open tool

Notion Calendar Widget

New

A mini month calendar for Notion with today marked, week numbers and month buttons.

Open tool

Notion Pomodoro Timer Widget

New

A Pomodoro focus timer for Notion with breaks, session dots and a soft chime.

Open tool