---
title: "Live Date & Time — Free Framer component · Best of Framer"
description: "Free Framer component · by Andreas Vasiliou · Interactive. Live Date & Time displays the current date and/or time, updating automatically in real time — no page refresh needed."
canonical: "https://framer.elliotli.dev/component/live-date-time"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Live Date & Time

# Live Date & Time

Live, auto-updating date & time

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

![Live Date & Time preview image 1](https://framer.elliotli.dev/og/component/live-date-time/a3edfe49f4ec1754/1600x1067.jpg)

## Summary

Live Date & Time displays the current date and/or time, updating automatically in real time — no page refresh needed.

## Description

Live Date & Time displays the current date and/or time, updating automatically in real time — no page refresh needed. Drop it into a footer, hero, dashboard, or anywhere you want a live clock or "last updated" style timestamp.

### **Features**

-   Updates live, every second or every minute depending on what you show
    
-   Independently toggle Date, Time, Year, and Weekday
    
-   Choose Short, Long, or Numeric month formatting
    
-   12-hour or 24-hour time format
    
-   Show or hide Hours, Minutes, and Seconds
    
-   Auto mode shows each visitor's own local time and locale, or switch to Custom to pin a specific locale and time zone — handy for displaying business hours or a fixed regional time regardless of where visitors are
    
-   Optional time zone label when using a custom locale
    
-   Set the semantic HTML tag (h1–h6, p, or span) for proper accessibility and SEO
    
-   Full typography control, including native text alignment
    
-   Customizable text color
    

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

-   All · #6121

## Details

- **Author**: Andreas Vasiliou
- **Published**: 2026-06-20
- **Updated**: 2026-06-29
- **Added**: 2026-06-20
- **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