5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:Tc79,

A versatile analog clock component for Framer, designed to display any city’s time with style.Perfect for global agencies, SaaS dashboards, portfolios, or landing pages, it lets you create elegant and interactive time zones with full control over design.

Customize the clock face, colors, radius, and the size and roundness of the hour, minute, and second hands. Simply choose a timezone and the clock updates automatically.

Instructions

Insert the component into your project.
Select the desired timezone from the property panel.
Adjust colors (background, border, hands) to match your brand.
Control the size, length, and roundness of each hand.
Preview live inside Framer to perfect your design.

How It Works

Timezone: Choose any IANA timezone (e.g. Europe/Paris, America/New_York).
Face & Border Colors: Match your brand palette.
Hand Colors: Customize hour, minute, and second hands individually.
Hand Width & Length: Control proportions.
Hand Roundness: Switch between sharp or rounded edges.
Border Thickness: Adjust outer ring style.

Main Features

Real-time analog clock with timezone support.
Fully customizable design (colors, sizes, styles).
Smooth hand movement with second option.
Easy to integrate in any Framer project.
Perfect for multi-office agencies, SaaS, or portfolios.
Responsive and lightweight for modern websites.

Use Cases

Agencies showing multiple office time zones.
SaaS dashboards needing real-time clocks.
Portfolios with stylish, animated time displays.
Landing pages or hero sections with global presence.
Contact pages showing your working hours.

Made with love by Le Lab Framer.

59:[["$","$L5c",null,{"post":{"id":"0199c340-8a4f-7967-a411-d7c864c42740","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"90e4e37c-af80-4548-be44-2876a68db97f","name":"Kevin Hardmeier","slug":"kevin-hardmeier-yz57lv","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/398754/avatar-VGOPJ1wU2wbxUffhhhshKj4hVo6D3A.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"lAXGoR5YrLxboStZEIuy","resolved":true,"title":"Tiny Clock","body":"$5d","bodyJson":null,"introduction":"","slug":"tiny-clock","author":{"framerUserId":"90e4e37c-af80-4548-be44-2876a68db97f","name":"Kevin Hardmeier","slug":"kevin-hardmeier-yz57lv","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/398754/avatar-VGOPJ1wU2wbxUffhhhshKj4hVo6D3A.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/lAXGoR5YrLxboStZEIuy/tiny-clock-fuEHbefW5kz2k8saWXuvCJ4jWcZM9i"}],"post":null,"createdAt":"2025-10-02T08:04:25.995Z","updatedAt":"2025-10-08T09:52:19.192Z","publishedAt":"2025-10-08T09:56:50.895Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://timezone-clock.framer.website/","price":"5","paymentUrl":"https://lelabframer.lemonsqueezy.com/buy/ad1a22d2-c129-48e3-84bd-e578b6d3a664?discount=0","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"4i2dgMAEHT3tiDBDWwi5"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-08T09:56:50.895Z","updatedAt":"2025-10-08T09:56:50.895Z","reported":false}}],"$L5e"]

Suggested for you