Clock Widget

Digital and analog clocks with local and world timezone support.

Overview

Display real-time clocks on any website with full IANA timezone support. Choose between digital and analog styles with smooth SVG animations and crisp rendering at any screen density.

Pricing: Free Embed modes: Inline, Iframe

Visual styles

  • Digital Minimal — clean, typography-first time display
  • Digital Card — time enclosed in a structured container with depth
  • Analog Classic — traditional round face with mechanical hand movements
  • Analog Modern — minimalist analog with clean lines, no numbers

Configuration

SettingTypeDefaultDescription
VariantEnumDigital MinimalVisual style for the clock
TimezoneStringAutoIANA timezone (e.g., Europe/London) or auto for local detection
FormatEnum12hToggle between 12h (AM/PM) or 24h
Show SecondsBooleanOffShow or hide seconds
Show DateBooleanOnShow or hide the date display
Date FormatEnumShortShort (Jan 1) or Long (January 1, 2025)

Use cases

  • Remote teams — display current time across multiple offices or timezones
  • Personal dashboards — aesthetic clock widget for browser start pages
  • Event sites — show local time for attendees across regions
  • Blogs and portfolios — decorative time display that adds personality

Embed example

<script src="https://cdn.widget.best/embed.js"
  data-widget-id="your-clock-id">
</script>

Technical details

  • Rendered via Cloudflare Workers for global sub-50ms performance
  • Analog variants use SVG with smooth CSS animations
  • Timezone data sourced from the IANA Time Zone Database
  • State managed by Durable Objects for consistent config syncing