---
title: "Open Now Indicator — Free Framer component · Best of Framer"
description: "Free Framer component · by Tom Martinec · Interactive. Live open/closed status from your hours"
canonical: "https://framer.elliotli.dev/component/open-now-indicator"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Open Now Indicator

# Open Now Indicator

Live open/closed status from your hours

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

![Open Now Indicator preview image 1](https://framer.elliotli.dev/og/component/open-now-indicator/0a15f2ffb9df20ac/1600x1200.jpg)

## Summary

Live open/closed status from your hours

## Description

Open Now tells visitors whether your business is open right now, calculated live from your weekly opening hours. Instead of a static "Mon–Fri 9–5" block, it reads the current day and time and shows a clear Open or Closed status together with the next change.

Built for local businesses, service sites, restaurants, shops and studios — where visitors want one quick answer: are you open?

**Features**

-   Real-time open / closed status with a colored dot
    
-   "Next change" message — when it closes today, or when it opens next
    
-   Lunch breaks / split hours — two time windows per day
    
-   Overnight hours — set the closing time earlier than the opening time (e.g. 18:00 → 02:00)
    
-   Fixed time-zone option, so the status is correct for every visitor
    
-   Every label is editable — works in any language
    
-   Minimal styling with font and color controls, so it inherits your brand
    
-   Lightweight, no external dependencies
    

**How to use**

1.  Drop the component on the canvas.
    
2.  Set your opening hours for each day in the properties panel.
    
3.  (Optional) Set your business time zone, e.g. Europe/Prague.
    
4.  Edit the labels to match your language and tone.
    

**Notes**

-   Times use the 24-hour HH:MM format.
    
-   Leave a day's second window blank if there's no break.
    
-   The dot and the "next change" message can each be toggled on or off.
    

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

-   All · #3432

## Details

- **Author**: Tom Martinec
- **Published**: 2026-06-06
- **Updated**: 2026-06-05
- **Added**: 2026-05-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