Skip to content

component

Minimal Clock

By Andreu

Details

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.

12001400156948/148/228/309/79/15
  • All · #5694