Steps
Select your cities
Use the city search box to add 2-5 cities. Start typing a city name and pick from the live dropdown. Each city gets a color code that appears across all views.
Don't see your city? Search by country name - smaller cities may be listed under a regional hub.
Read the 24-hour timeline
Each selected city gets a horizontal bar covering a full 24-hour day. The green band marks the working-hour window (default 9 AM-6 PM local time). You can customize this window in Settings if your team uses different hours.
The darker the overlap indicator, the more cities are simultaneously in working hours - a bright green column means everyone is online.
Drag the UTC time slider
The vertical red line on the timeline represents the current moment in UTC. Drag it left or right to explore any point in the day. All city rows update instantly to show what local time that UTC moment corresponds to.
Click "Now" to snap the slider back to the current UTC time.
Find the green overlap window
The overlap indicator at the top of the timeline turns green when every selected city is simultaneously in working hours at the slider position. This is your meeting window.
Pakistan-US West Coast pairs often have zero overlap at default hours. Widening hours to 7 AM-9 PM reveals 1-2 hours of overlap.
Interact with the globe
The 3D globe renders with real-time day/night shading based on the current solar position. Cities you selected appear as color-coded markers. Click a marker to toggle a city in or out of your selection directly from the globe.
Drag to rotate the globe, scroll to zoom. Switch to the 2D map view if WebGL is slow on your device.
Generate a meeting card
Once you have found a good meeting time, click 'Generate card'. The tool draws a PNG image on a Canvas element showing each city's local time at the selected UTC moment. Download the image or copy it directly to your clipboard.
The card includes a watermark with the UTC reference time so recipients can verify the times in their own timezone.
Full-screen mode
Click the 'Full screen' button to expand the tool to fill your entire screen. The globe takes center stage, with city times, the slider, and meeting card in a right-side panel. Ideal for sharing on a screen during a meeting.
Use the Settings button in full-screen mode to adjust working hours without losing your current state.
Common questions
Does it handle Daylight Saving Time?
Yes. All timezone math uses IANA identifiers via the JavaScript Intl API. DST transitions are applied automatically.
Can I share a specific setup with my team?
The 'Generate card' button creates a PNG you can paste into any chat or email. URL-based sharing is on the roadmap.
What if there's no overlap at all?
For some pairs, standard 9-6 hours have no overlap. Use Settings to widen the working hours. The tool makes it easy to see exactly how much flex is needed.
Is my data sent to a server?
No. All city lookups, timezone calculations, canvas rendering, and slider state run entirely in your browser.