About this Component
The Minimal Clock component is a versatile, real-time digital clock component for Framer. Designed with simplicity and flexibility in mind, it offers a highly configurable display of both date and time in a minimal footprint. Ideal for dashboards, hero sections, maintenance pages, or anywhere live timekeeping enhances the user experience.
Key Features
- Live Updating: Continuously updates the time (and optionally date) without requiring any user interaction.
- Flexible Formats: Choose from 12-hour or 24-hour time display and multiple date formats including DD/MM/YYYY, MM/DD/YYYY, and YYYY/MM/DD.
- Seconds Toggle: Show or hide seconds depending on your precision needs.
- Flicker Colons Option: Emulate a digital LED-style clock with animated colons between time segments.
Customizable Properties
- Show Date: Toggle to show or hide the full date alongside the time.
- Date Format: Select from regional formats to match locale preferences.
- Time Format: Switch between 12-hour (AM/PM) or 24-hour display.
- Show Seconds: Add or hide seconds for more or less granularity.
- Flicker Colons: Choose between dynamic (blinking) or static colon separators.
- Text Color: Set the time and date color to fit your design.
- Background: Customize the background color of the clock container.
- Font: Choose your preferred typeface for full typographic control.
- Padding: Adjust inner spacing to align with your layout needs.
Andreu
