51:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52: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

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-6d19ad30-972d-4565-9994-2c36256b1c12-all:/unified/creator/6d19ad30-972d-4565-9994-2c36256b1c12/activity/":[{"data":[{"id":"019f83f7-acc4-7042-b58c-f6e18cfeb96d","type":"creator.followed","target":{"type":"creator","id":"ef5943a8-d53e-4183-a0cc-922c3f7e78dd","preview":"Mejed Alkoutaini","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28823/avatar-n6mh4YEcXV4xptbHhcU60cX7RCb5QA.jpg","slug":"mejed-alkoutaini","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6d19ad30-972d-4565-9994-2c36256b1c12","name":"Moe Kyaw","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/405333/avatar-ULOHPmaMU9cPdaaAAYkgQQlcGzrLsS.jpg","slug":"moe-kyaw","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T09:17:54.749Z","latestAt":"2026-07-21T09:17:54.749Z"},{"id":"019ed514-ed92-701e-9d20-e66b743a4f2d","type":"creator.followed","target":{"type":"creator","id":"300f4c65-27a0-47d9-9b2d-d3e7324b37fb","preview":"Joseph Alexander","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30929/avatarme-huNfMRLO8tm6y99B5JhCTp23eziKSs.jpg","slug":"joseph-alexander","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6d19ad30-972d-4565-9994-2c36256b1c12","name":"Moe Kyaw","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/405333/avatar-ULOHPmaMU9cPdaaAAYkgQQlcGzrLsS.jpg","slug":"moe-kyaw","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T10:16:19.086Z","latestAt":"2026-06-17T10:16:19.086Z"},{"id":"019ed50b-a355-70be-8fdc-a97bb850371f","type":"post.liked","target":{"type":"post","id":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","preview":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around 😂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":445,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6d19ad30-972d-4565-9994-2c36256b1c12","name":"Moe Kyaw","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/405333/avatar-ULOHPmaMU9cPdaaAAYkgQQlcGzrLsS.jpg","slug":"moe-kyaw","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T10:06:10.254Z","latestAt":"2026-06-17T10:06:10.254Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:6d19ad30-972d-4565-9994-2c36256b1c12:/unified/posts/?creator=6d19ad30-972d-4565-9994-2c36256b1c12&with=reposts":[{"data":[{"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":"$52","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://sub.chujiqiqi.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"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]