---
title: "Local Live Timer — Free Framer component · Best of Framer"
description: "Free Framer component · by Design with bharath · Interactive. Features Automatic timezone detection - Shows visitor's local time instantly Country display - Shows country code (IN, US, GB)…"
canonical: "https://framer.elliotli.dev/component/local-live-timer"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Local Live Timer

# Local Live Timer

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

![Local Live Timer preview image 1](https://framer.elliotli.dev/og/component/local-live-timer/9803c9c0bbaa3dd5/1600x1200.jpg)

## Summary

Features Automatic timezone detection - Shows visitor's local time instantly Country display - Shows country code (IN, US, GB) or full name (India, United States, United Kingdom)…

## Description

### Features

-   **Automatic timezone detection** - Shows visitor's local time instantly
    
-   **Country display** - Shows country code (IN, US, GB) or full name (India, United States, United Kingdom)
    
-   **Day of week** - Optional display (Mon, Tue, Wed, etc.)
    
-   **Seconds toggle** - Show/hide seconds
    
-   **Customizable separator** - Use any character(s) between elements (-, |, •, etc.)
    
-   **Adjustable spacing** - Control gap between all elements
    
-   **Full typography control** - Font family, size, weight, color
    

### Property setup

-   **Typography** - Font settings (family, size, weight, line height, letter spacing, alignment)
    
-   **Text Color** - Color picker for text
    

-   **Show Day** - Toggle day of week display (Mon, Tue, Wed...)
    
-   **Show Seconds** - Toggle seconds in time display
    
-   **Show Location** - Toggle country display
    
-   **Location Format** - Choose between:
    
    -   Country Code (IN, US, GB)
        
    -   Full Name (India, United States, United Kingdom)
        

-   **Separator** - Character(s) between elements (default: "-")
    
    -   Examples: ", " or " | " or " • " or " / "
        
-   **Gap** - Spacing between all elements (0-100px, default: 8px)
    

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

-   All · #3237

## Details

- **Author**: Design with bharath
- **Published**: 2025-11-26
- **Updated**: 2025-11-26
- **Added**: 2025-11-24
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step