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.
