Open Status
Show real-time open/closed status with custom labels, indicators, and weekly schedules. Perfect for restaurants, shops, or events.
Make it with Workshop
Build your own component with AI
Show real-time open/closed status with custom labels, indicators, and weekly schedules. Perfect for restaurants, shops, or events.
Make it with Workshop
Build your own component with AI
ABOUT THE COMPONENT
Open Status is a powerful Framer Code Component that dynamically shows whether your business is open or closed. Perfect for restaurants, cafés, shops, or events, it updates in real time based on your weekly schedule and timezone. With flexible styling and multiple display options, it keeps visitors instantly informed and builds trust.
FEATURES
Customizable weekly schedule with open/closed hours per day
Automatic timezone handling & 12h/24h time formats
Dot or emoji indicators with flashing & color options
Editable open/closed/next-open labels
Show or hide weekday names, choose uppercase & language (EN/DE/FR/IT/ES)
Full font & text styling controls (size, weight, spacing, alignment)
Padding & layout adjustments for seamless integration
WATCH THE DEMO
SHORT RELEASE NOTES (v1.1)
Fixed time parsing: corrected Luxon fromFormat usage causing ghost times like “Opens Wednesday 12:00 AM”.
Animation guards: clamped pulseSeconds to 0.2–10s and dotSize to ≥1px to avoid edge-case jank.
Cleaner copy: free-text on/at words; hidden when empty. Global Separator (Space, |, -, ·) used between labels and info.
Smarter schedule: “Open” with empty/invalid hours = open all day; future “always open” days show weekday only (no misleading time).
