Custom Analog Clock

About this Component

This clock offers smooth or classic ticking, full timezone support, and a wide range of styling options. You can fine-tune every detail — from the look of the hands, ticks, and numbers to the fonts, colors, and spacing — ensuring the clock always matches your design.

To add a playful layer of interactivity, the clock also includes a 3D button, which is fully customizable and can be wired to any interaction, making the component not just visual but also functional.

Features

• Live analog clock with smooth or classic ticking

• Global timezone selection with local and city presets

• Fully customizable hands, numbers, and ticks

• Built-in 3D button for custom interactions

• Arabic or Roman numeral styles with typography control

• Adjustable padding for precise layouts

• Fully responsive and optimized for Framer