Minimal Clock

Show Preview
Minimal Clock

About Minimal Clock

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.