A powerful, real-time world clock component designed for modern interfaces. It displays accurate date and time across one or multiple timezones with smooth live updates, making it ideal for dashboards, global products, and professional UI designs.
Core Features:
Show a single timezone or multiple timezones at once
Supports a complete list of global regions (IANA timezones)
Automatically removes duplicate regions
Displays timezone names with GMT offsets (e.g., India (GMT+5:30))
Option to use the user’s local timezone automatically
Updates every second with high precision
Smart timing system prevents delays or drift
Option to show or hide seconds
Choose between:
12-hour format → 10:45 PM
24-hour format → 22:45
AM/PM style customization:
AM / PM
am / pm
Fully adapts to selected language/region (locale)
Option to show or hide date
Option to include weekday:
Mon or Monday
Month display styles:
Jan
January
01
Year formats:
26
2026
Custom date formats:
15/01/2026
01/15/2026
2026-01-15
15-01-2026
Default format based on user’s region
Inline layout → Date and time in one line
Stacked layout → Date and time on separate lines
Control spacing between elements (horizontal & vertical)
Alignment options:
Left
Center
Right
Add a separator between date and time:
Dot → •
Pipe → |
Dash → -
Two styling modes:
Unified → Same style for all text
Separate → Customize each part individually
Customize individually:
Date
Time
Separator
Timezone label
Full typography control:
Font family
Font size
Font weight
Line height
Letter spacing
Custom colors for each element
Timezone labels appear with subtle opacity for better hierarchy
Fully responsive and auto-adjusts to content
Dashboards
SaaS applications
Global platforms
Hero sections
Event countdowns and schedules
Designed and Developed by Sheikh Abdul Aziz
Sheikh Abdul Aziz
