Global Timezone

Time Label — Live World Clock Component with Timezone Selector

Time Label turns a simple text label into a live ticking world clock. It shows the current time for any of 60+ global cities, updating every second. An optional dropdown lets visitors switch timezones themselves, perfect for agency homepages, remote team dashboards, booking pages, or any site with a global audience.

Live Time Display

• Updates every second in real time.

• 60+ cities across every major region.

• Seconds on or off, 12-hour or 24-hour format.

• Hug and fill sizing for any layout.

Customize

• Timezone – Pick from 60+ cities worldwide.

• Custom Label – Replace the city name with text like "HQ" or "Studio".

• User Dropdown – Let visitors choose their own timezone.

• Seconds & Format – Show seconds, 24-hour or 12-hour.

• Typography – Font, size, weight, spacing, line height and alignment.

• Text & Fill – Text color and background color.

• Padding & Radius – Spacing and corner rounding.

• Menu Styling – Dropdown fill, text, border and radius.

• Layout – Gap, horizontal or vertical, hug or fill.

How It Works Time Label uses the browser's built-in Intl.DateTimeFormat API to format the time for the selected timezone, refreshing every second with no external dependencies or API calls. With User Dropdown on, visitors switch timezones live and the label updates instantly.