Custom Analog Clock · Free Interactions 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.
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
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.
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
