Click below to play with it! ⬇️
Timezone math has always been hard for me. Over the years of working remotely, this is something I've often struggled with.I even recently missed an appointment because I timezone mathed wrong. 🤦🏻♀️
I wanted a tool that lets me see timezones in relation to each other, hour by hour, so I can plan ahead without doing mental arithmetic.
I've had this idea sketched out in my notebook for a while. At first, I planned to make a physical version for my desk using strips of paper labeled with time zones and a cutout paper slider to move them. I wanted to experiment with Claude Code, so I decided to vibe-code the concept instead.
This was a side project just for fun and I wanted to be more playful with the design. Still, I made some UX-focused decisions:
demo
My primary use case is planning ahead and not just checking “what time is it now?” When all timezones are aligned horizontally, you can scan vertically in any column and see the corresponding time immediately, without doing any math (parallel visual processing).
With that many numbers on screen, it’s easy to get lost. The selected hour is highlighted in red across all rows so your eye always has an anchor. Core business hours are blue, so you can quickly spot when something falls outside reasonable working time.
The first row defaults to your current location and detects the current time automatically.
Search and select with no confirmation step. It’s low risk and easily reversible, so extra friction didn’t add value.