---
title: "Minimal Clock — Free Framer component · Best of Framer"
description: "Free Framer component · by Andreu · Interactive. About this Component The Minimal Clock component is a versatile, real-time digital clock component for Framer."
canonical: "https://framer.elliotli.dev/component/minimal-clock"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Minimal Clock

# Minimal Clock

Live date and time

[View on Framer](https://framer.com/marketplace/components/minimal-clock/?via=elliot-li)

## 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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6404

## Details

- **Author**: Andreu
- **Published**: 2025-07-31
- **Updated**: 2026-10-27
- **Added**: 2025-07-31
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase