Embeddable Widgets
TimeNowHub widgets are designed to be lightweight and honest: iframe-based, branded on the free tier, sandbox-friendly, and good for clocks, overlap checks, and simple “is this team online?” surfaces.
City Widget
A single-city live clock for landing pages, partner pages, and ops dashboards.
Compare Widget
A pair widget that visualizes overlap quality without sending users to a full comparison page.
Overlap Widget
A live overlap summary that links back to the meeting planner with both cities preloaded — good for docs and internal wikis.
Status Widget
A compact business-status widget for “is this office awake?” checks.
Team clock Widget
A responsive, read-only strip of local clocks for a small distributed team.
City strip Widget
A selected-city strip that stays readable at narrow iframe widths.
Event card Widget
A localized event card rendered only from a validated event artifact.
Recurring summary Widget
A read-only recurring schedule summary with explicit cadence and occurrence bounds.
Day/Night Widget
A live SVG world map with the sun terminator and status-colored city dots — zero-JS readable on the free tier.
Holidays Widget
A next-holidays card for a promoted country, with every date linking back to the full public-holiday table.
Countdown Widget
An event countdown with a zero-JS SSR remaining-time snapshot and a progressive live tick.
Awake Widget
A population-weighted “how much of the world is awake?” stat across 200 major cities — an approximation, not a census.
Dashboard Widget
A broader multi-city embed for teams that want the main dashboard inside an internal wiki.
Default Embed Snippet
<iframe
src="https://timenowhub.com/embed?mode=compare&city=london&city2=new-york"
width="100%"
height="420"
loading="lazy"
sandbox="allow-scripts allow-same-origin"
referrerpolicy="strict-origin-when-cross-origin"
style="border:0;border-radius:24px"
title="TimeNowHub widget"
></iframe>Overlap Embed Snippet
The overlap mode shows a live overlap summary and links back to the full meeting planner with both cities preloaded.
<iframe
src="https://timenowhub.com/embed?mode=overlap&city=london&city2=new-york"
width="100%"
height="300"
loading="lazy"
sandbox="allow-scripts allow-same-origin"
referrerpolicy="strict-origin-when-cross-origin"
style="border:0;border-radius:24px"
title="TimeNowHub overlap widget"
></iframe>Day/Night Embed Snippet
A live world map with the sun terminator and status-colored city dots. The map is a timestamped SSR snapshot before hydration, so it stays readable with JavaScript disabled.
<iframe
src="https://timenowhub.com/embed?mode=daynight"
width="100%"
height="420"
loading="lazy"
sandbox="allow-scripts allow-same-origin"
referrerpolicy="strict-origin-when-cross-origin"
style="border:0;border-radius:24px"
title="TimeNowHub day/night map"
></iframe>Holidays Embed Snippet
A next-holidays card for a promoted country, computed server-side from the sourced calendars. Every date links back to the full country holiday table. Countries outside the promoted set render an honest fallback.
<iframe
src="https://timenowhub.com/embed?mode=holidays&country=gb"
width="100%"
height="300"
loading="lazy"
sandbox="allow-scripts allow-same-origin"
referrerpolicy="strict-origin-when-cross-origin"
style="border:0;border-radius:24px"
title="TimeNowHub holidays widget"
></iframe>Countdown Embed Snippet
An event countdown for a future ISO instant. The remaining time is a server-rendered snapshot (readable with JS off) that ticks live once the widget hydrates. Replace theto and label values.
<iframe
src="https://timenowhub.com/embed?mode=countdown&to=2099-01-01T00:00:00.000Z&label=Launch"
width="100%"
height="220"
loading="lazy"
sandbox="allow-scripts allow-same-origin"
referrerpolicy="strict-origin-when-cross-origin"
style="border:0;border-radius:24px"
title="TimeNowHub countdown widget"
></iframe>Awake Stat Embed Snippet
A population-weighted split of the 200-city sample: working, weekend (including public holidays), asleep, and personal time. The split is a timestamped SSR snapshot (readable with JS off) that ticks live once the widget hydrates. It is an approximation, not a census.
<iframe
src="https://timenowhub.com/embed?mode=awake"
width="100%"
height="360"
loading="lazy"
sandbox="allow-scripts allow-same-origin"
referrerpolicy="strict-origin-when-cross-origin"
style="border:0;border-radius:24px"
title="TimeNowHub awake stat widget"
></iframe>Free Tier Rules
The current free tier stays branded, uses iframe embedding, and is tuned for public sites, documentation, and lightweight internal dashboards. API scale, unbranded widgets, and team analytics are reserved for paid packaging.
Security Notes
The widget route uses a dedicated frame policy so embeds work off-site without weakening the rest of TimeNowHub. Keep the sandbox attribute in place unless you have a strong reason to loosen it. Controlled modes reject private fields, do not store state, and send only a numeric resize message to the parent. See the embed contract and removal notes for the full allowlist.