Widget Builder — Live City Clock

Add a live city clock to your website. Customize the theme, colors and size, then copy and paste the embed code.

Select City

Theme

Background Color

Transparent

Clock Color

Size

Clock Format

Show Flag

Show City Name

Show Timezone

Preview

200 × 80 px

Embed Code

<iframe
  src="https://www.nowclock.co/embed/newyork?theme=light&size=sm&format=24h&showFlag=true&showCity=true&showTimezone=true"
  width="200" height="80"
  frameborder="0" scrolling="no"
  style="border-radius:8px;overflow:hidden;"
></iframe>
<p style="font:12px system-ui;margin:4px 0 0"><a href="https://www.nowclock.co/en/world/newyork">New York time</a></p>

FAQ

How do I add the widget?

After selecting a city and theme, copy the generated iframe code and paste it into your website's HTML. You can add it as an HTML block in platforms like WordPress, Notion, or Blogger.

Is the widget free?

Yes, the now:clock widget is completely free. You can add unlimited widgets to any website.

Can I change the widget colors and size?

Yes, the theme (light/dark/minimal), background color, clock color and size (SM/MD/LG) are fully customizable. Transparent background is also supported.