Analog World Clock draws a grid of analog clock faces, one per city, each ticking in that city's own time zone. It's a dashboard for keeping several time zones in view at once without doing the math yourself.
Before you start
- A screen wide enough for a grid. Each clock gets its own tile, and tiles wrap to a new row as you add more, so a narrow phone screen fits fewer clocks before it starts scrolling.
- The cities you want to track, checked against the built-in list. There's no free-text city entry — only 25 cities are available in the dropdown.
Set it up
- Open Analog World Clock. The control panel opens directly on the Custom tab, and six clocks are already on screen: UTC, New York, London, Tokyo, Sydney, and Dubai, all sharing the same slate-and-blue Dots style.
- Remove any of the six defaults you don't need using the trash icon on that clock's card.
- Under Add New Clock, open the city dropdown and choose a city, then select Add Clock. New clocks start with a dark gray background, a white face, and Classic style, distinct from the defaults.
- Repeat step 3 for each additional time zone you want.
- Style each clock with its Background and Clock Color swatches, its Style dropdown, and the Second Hand checkbox — or select one of the four buttons under Quick Color Schemes to recolor every clock currently on screen in one click.
- Select Go Fullscreen for a wall display or standalone view.
You'll know it worked when each clock's hands sit at a different position matching its own city's local time, and the city name shows in a label under each face.
What each control does
| Control | Range / Options | What it changes |
|---|---|---|
| City dropdown (under Add New Clock) | 25 built-in cities | Which city the next clock you add will track. |
| Add Clock | — | Adds a new clock tile for the selected city to the grid. |
| Quick Color Schemes (Wes Anderson, James Bond, Neon Nights, Minimal) | 4 presets | Recolors every clock currently on screen, cycling four background/clock-color pairs across however many clocks you have. Doesn't touch style or labels. |
| Background (per clock) | Any color | Fill color of that clock's tile. |
| Clock Color (per clock) | Any color | Color of the face border, hands, numerals, and hour/minute marks on that clock. |
| Style (per clock) | Classic, Roman, Modern, Minimal, Luxury, Dots, Vintage | Numeral font, hand weight, and face treatment. Roman shows Roman numerals; Dots replaces hour and minute marks with dots; Minimal strips numerals and thins the hands. |
| Second Hand (per clock) | On/off | Shows or hides that clock's second hand. |
| Trash icon (per clock) | — | Removes that clock immediately, no confirmation. |
Common setups
- A distributed team's office wall display. Replace the default UTC and Dubai clocks with your actual office cities from the dropdown, keep the rest, and apply one Quick Color Scheme so every clock reads as part of the same board rather than a random assortment.
- A trading or ops desk. Track your key financial centers — New York, London, Tokyo, Hong Kong or Singapore — with Second Hand on for every clock so the desk can see time actually moving, not just a static face. Modern or Minimal style keeps the numerals easy to read at a glance from across the room.
- A hotel lobby display. Three or four clocks for your busiest guest origin cities, Luxury or Roman style, and a warm gold Clock Color against a dark Background reads as a fixture rather than a gadget. Go fullscreen and leave it running.
- A personal travel dashboard. Home city plus your destination, Second Hand off on both to cut down on visual motion, checked before you place a call so you're not guessing whether it's a reasonable hour on the other end.
Troubleshooting
The city I want isn't in the dropdown. The list covers 25 major cities and there's no search or custom entry on this effect. Pick the nearest listed city in the same time zone instead — the clock face will be correct regardless of which city label sits under it.
Two of my clocks show the exact same hand positions even though I picked different cities. That's expected when both cities share the same time zone or an equivalent one — Berlin, Paris, and Rome, for example, all read the same local time even though they're separate entries in the dropdown.
I removed the wrong clock and want it back exactly as it was. There's no undo. Add the city again from the dropdown — it comes back with the default dark gray background, white face, and Classic style, not whatever colors or style you had set before, so you'll need to restyle it.
I removed the UTC clock and can't add it back. UTC is one of the six default clocks but isn't one of the 25 cities in the dropdown, so there's no way to re-add it once it's gone. Reloading the page brings back the default six including UTC, but discards every other clock and every color and style you've set, since nothing on this effect is saved.
All my clocks and colors are back to the default six after I reloaded the page. Expected — nothing on this effect is saved. Rebuild your city list and restyle each clock after every reload.
Every clock is showing a time that looks off by the same amount. The effect calculates each city's time starting from the system clock of the device displaying it, not from a server. If that device's clock or time zone is set incorrectly, every clock will be off by the same offset. Correct the system clock in that device's OS settings.
A clock's label doesn't match the city I meant to track. Labels are set automatically from the city you picked when adding the clock and can't be edited afterward. Remove it with the trash icon and add the correct city instead.
Next steps
For a digital readout instead of clock hands, try Digital World Clock. For a single live map showing day and night across every city at once, try Daylight Tracker.