5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Te48,

Live Multi-Timezone Date & Time Display Component

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:

Multi-Timezone Support

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

Real-Time Updates

Updates every second with high precision
Smart timing system prevents delays or drift
Option to show or hide seconds

Time Display Options

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)

Date Display Options

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

Layout & Structure

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

Separator Options (Inline Mode)

Add a separator between date and time:
- Dot → •
- Pipe → |
- Dash → -

Advanced Styling Control

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

Perfect For

Dashboards
SaaS applications
Global platforms
Hero sections
Event countdowns and schedules

Designed and Developed by Sheikh Abdul Aziz

5a:[["$","$L5d",null,{"post":{"id":"019d8a32-f8cb-709d-bcf3-84d2502ac9f9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"289a2352-5bec-4542-b8b1-f9f2f6c2a334","name":"Sheikh Abdul Aziz","slug":"sheikhabdulaziz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/289a2352-5bec-4542-b8b1-f9f2f6c2a334/mgz1x91e","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1F6GgZsbwgo5lWRc6B7A","resolved":true,"title":"WorldClock Pro","body":"$5e","bodyJson":null,"introduction":"A World Clock with Live Date & Time","slug":"worldclock-pro","author":{"framerUserId":"289a2352-5bec-4542-b8b1-f9f2f6c2a334","name":"Sheikh Abdul Aziz","slug":"sheikhabdulaziz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/289a2352-5bec-4542-b8b1-f9f2f6c2a334/mgz1x91e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1F6GgZsbwgo5lWRc6B7A/worldclock-pro-RvNFOFjdVA4U8VcJEKKNvgJnfaid05","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-01T09:28:35.975Z","updatedAt":"2026-04-13T17:53:25.947Z","publishedAt":"2026-04-14T04:14:49.547Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/World-Clock-MSVUv1.js@vTQeRxGckjNRoSKNiZIV","previewUrl":"https://worldclockpro.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"vTQeRxGckjNRoSKNiZIV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-14T04:14:49.547Z","updatedAt":"2026-04-14T04:14:49.547Z","reported":false}}],"$L5f"]

Suggested for you