Embeddable Clock Widget

Add a live world clock to your website. Select up to 5 cities, customize the appearance, and copy the embed code.

How to Use the Widget

  1. Select 1 to 5 cities to display in your widget.
  2. Choose your preferred time format (12-hour or 24-hour), theme (auto, light, or dark), and size (standard or compact).
  3. Preview the widget on the right side of the page.
  4. Copy the embed code and paste it into your website's HTML where you want the clock to appear.

Widget Features

  • Live-updating clocks with second-level precision.
  • Auto theme matches your website's light/dark mode using prefers-color-scheme.
  • Lightweight and fast-loading with no external dependencies.
  • Responsive sizing that fits any layout.