Skip to content

component

Classic Clock

By Yan Kornilov

Details

Summary

A clock that fits your design.

Description

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: Duplicate the component right from the shared Framer remix link; Paste it directly into your canvas, right where you want it; Select the component and adjust its properties in the panel to fit your brand style.

Introduction

A clock that fits your design.

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400159578/148/208/279/29/9
  • All · #5690