Classic Clock

Classic Clock

About Classic Clock

A clock component that fits your design.

A polished, fully customizable analog clock component for Framer. Adjust every color, marker, and hand, and pick your movement style – then sync it live to your visitor's local time or any global time zone.

Features:

Time & Sync:

  • IANA time zone support;

  • Visitor local time detection;

  • Real-time live clock.

Markers:

  • Independent hour & minute marker styling;

  • Adjustable marker length & width;

  • Show or hide hour markers;

  • Show or hide minute markers.

Hands & Movement:

  • Custom hand widths (hour, minute, second);

  • Toggleable second hand;

  • Step or smooth movement.

Appearance:

  • Full color customization (face, markers, hands, border, pin);

  • Adjustable border width & color;

  • Configurable center pin (size, color, border);

  • Optional background blur.

How It Works:

  1. Duplicate the component right from the shared Framer remix link;

  2. Paste it directly into your canvas, right where you want it;

  3. Select the component and adjust its properties in the panel to fit your brand style.