component
Minimal Clock
By Andreu

Details
- AndreuAuthor
- componentType
- 2025-07-31Published
- 2026-09-02Updated
- 2025-07-31Added
- InteractiveCategories
Summary
About this Component The Minimal Clock component is a versatile, real-time digital clock component for Framer.
Description
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.
Introduction
Live date and time
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5694