5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T9ea,

A clean analog world clock component with local and custom GMT support, auto day and night theming, and refined typography controls. Built for dashboards, hero sections, travel sites, and global products that need a live time display with a polished minimal look.

Classic Analog Clock is a fully customizable analog clock component designed for elegant, functional time display inside Framer. It supports both the visitor’s local time and custom GMT offsets, updates automatically in real time, and includes a date window that stays synced with the selected timezone.

The component is designed to remain visually stable, scale smoothly inside any frame, and be easy to configure through built-in controls.

What the User Can Control

1. Time & Timezone

Local visitor time
Custom GMT input like GMT+7, GMT-6, or GMT+5:30
Synced date display based on the selected timezone

2. Clock Movement

Show or hide the second hand
Choose between Quartz, Digital, and Mechanical second-hand motion
Real-time analog hand movement

3. Theme & Appearance

Automatic day and night theme switching
Single-color OKLCH theme generation
Separate manual styling for day and night states
Custom face, hands, numerals, label, and date window colors

4. Typography & Branding

Full font controls for label, numerals, and date
Switch between text label and uploaded image
Adjustable image size for logo-based branding

What This Component Is Good For

Dashboards and utility interfaces
Hero sections and landing pages
Travel, booking, and global products
Portfolio websites and editorial layouts
Timezone-based or location-aware designs

Why It Stands Out

Minimal analog clock design
Local and custom GMT support
Quartz, Digital, and Mechanical movement styles
Auto day and night styling
OKLCH-based theme workflow
Flexible typography and branding controls
Clean scaling inside responsive layouts

59:[["$","$L5c",null,{"post":{"id":"019db46d-db23-7271-b0cb-5826f7ae849f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6d19ad30-972d-4565-9994-2c36256b1c12","name":"Moe Kyaw","slug":"moe-kyaw","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/405333/avatar-ULOHPmaMU9cPdaaAAYkgQQlcGzrLsS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3h6xr3FTjxuWqLgENOqv","resolved":true,"title":"Classic Analog Clock","body":"$5d","bodyJson":null,"introduction":"Minimal world clock component","slug":"classic-analog-clock","author":{"framerUserId":"6d19ad30-972d-4565-9994-2c36256b1c12","name":"Moe Kyaw","slug":"moe-kyaw","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/405333/avatar-ULOHPmaMU9cPdaaAAYkgQQlcGzrLsS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3h6xr3FTjxuWqLgENOqv/classic-analog-clock-HkVEPMItqDhjDTWfA7TvuNdpjBZAjh","metadata":{"tint":{"h":20,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-04T13:52:41.256Z","updatedAt":"2026-04-22T08:24:47.707Z","publishedAt":"2026-04-22T09:03:11.651Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ClassicAnalogClock-AGzqWW.js@RjGs8V3iUQuuK8Rypypl","previewUrl":"https://preview-classicanalogclock.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"RjGs8V3iUQuuK8Rypypl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-22T09:03:11.651Z","updatedAt":"2026-04-22T09:03:11.651Z","reported":false}}],"$L5e"]

Suggested for you