Custom Analog Clock
A customizable, timezone-aware analog clock for Framer – blending timeless aesthetics with modern flexibility for personal sites, dashboards and creative projects.
Make it with Workshop
Build your own component with AI
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
