Keep your global team, clients, and visitors in sync. Whether you need a simple local clock for your footer or a robust grid of international timezones for an "About Us" page, this component handles all the complex time math and API fetching for you.
Global agency contact pages, remote team rosters, travel and hospitality blogs, booking dashboards, dynamic buttons, and personal portfolio footers.
Drag and drop the component onto your canvas.
Choose between Single or Comparison mode, and select your desired timezones.
Toggle on Weather, Business Hours, or Visitor Detection.
Customize the typography, layout (Row, Column, or Grid), and colors to match your brand and use case perfectly.
Tip: Wrap the component instance(s) in a frame to add more robust styling and interactivity options
Zero setup required (No API keys needed for weather)
Dynamic visitor timezone detection ("You" badge)
Live weather conditions & temperature (Celsius/Fahrenheit)
Automatic time-of-day contextual icons and labels
Built-in business hours availability indicator
Single clock or multi-city comparison modes
Calculates exact time deltas (e.g., "+3h 30m")
Supports Rows, Columns, and CSS Grid layouts
Independent divider and gap styling
Upload custom icons or use the beautiful built-in SVGs
Heavily optimized caching for lightning-fast performance
Crafted by: Joshua Roberts
Joshua Roberts
