Minimal Clock
A clean and flexible digital clock with live date and time, fully customizable in format and style.
Make it with Workshop
Build your own component with AI
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.
