---
title: "Availability Clock — Free Framer component · Best of Framer"
description: "Free Framer component · by Huzaifa Hasan · Interactive. This component displays the local time and active status (Online/Offline) for any city or time zone, automatically updating every second."
canonical: "https://framer.elliotli.dev/component/availability-clock"
---

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

# Availability Clock

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

![Availability Clock preview image 1](https://framer.elliotli.dev/og/component/availability-clock/ffd9af2fbdc9068e/1600x1200.jpg)

## Summary

This component displays the local time and active status (Online/Offline) for any city or time zone, automatically updating every second.

## Description

This component displays the local time and active status (Online/Offline) for any city or time zone, automatically updating every second. It detects the user’s browser timezone as a fallback, supports custom active hours, and offers full control over fonts, colors, and spacing—making it a perfect addition to portfolios, contact sections, or team pages where you want to show when you’re available.

## Key features:

-   Real-time clock with one-second updates
    
-   Automatic city-to-timezone detection
    
-   Online / Offline status based on custom hours
    
-   Fully customizable text, fonts, colors, and spacing
    
-   Simple setup — copy and paste it into your Framer project
    

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

-   All · #7535

## Details

- **Author**: Huzaifa Hasan
- **Published**: 2025-11-11
- **Updated**: 2025-11-11
- **Added**: 2025-11-02
- **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