Discover the best timezone websites created by professional designers. Get inspired and start planning your perfect timezone web design today!

An automatic timezone clock for cities around the world 🌍

Show the current local time for your city. It keeps itself up to date every 60 seconds. I've used CSS to add a blinking effect.

How it works:
It uses data attributes to define the timezone. I've written code to calculate and display the local time of your city. There are separate colours for "Open", "Evening", and "Closed" office hours. These can be styled through their respective classes.

How to use:
1) Find your timezone: https://timezonedb.com/time-zones

2) The "Location Row" element contains a single data-timezone attribute. Change the value to your timezone. Everything else will auto-update :)

You can change the opening/ closing hours & messages in custom code. The design was inspired by https://practice.inc

Time in City

Local Timezones [Utility]

A simple countdown timer than can easily be customised. 

The timer can be set to countdown to a time in a specific timezone. i.e. 15:00 British Summer Time - and the countdown will take into account the users current time (timezone) to give the correct countdown time.

Example timezone set to “Europe/London” using moment.js. You will need to adjust this to the timezone that you want to use.

Countdown Clock (Timer) Widget

DEMO - Countdown Clock Timer Widget

Tiny vanilla JS clock, needs an attribute and can be configured with timezones. All info in /body tag.

👀

Discover timezone websites built by the Webflow community

Discover timezone websites built by the Webflow community