Skip to content

component

Custom Analog Clock

By Balazs Bindl

Details

Summary

About this Component This clock offers smooth or classic ticking, full timezone support, and a wide range of styling options.

Description

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

Rank history

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

12001400148618/148/228/309/79/15
  • All · #4861