Working Hours

Working Hours

About Working Hours

Live Preview: https://workinghours.framer.website/

About Working Hours

Working Hours is a glassmorphism business hours widget for Framer. It shows a live "Open now / Closed now" status badge that updates in real time, a full weekly schedule, and a Get Directions button — all inside a blurred glass card over your background image. Built-in schema.org LocalBusiness structured data boosts local SEO and helps AI search engines and answer bots understand your hours, address and phone number automatically. Fully responsive, accessible, and ready to publish on any Framer site with zero setup required.

Live "Open now / Closed now" status badge with pulse animation

Full 7-day schedule with per-day custom hours

Get Directions button — auto-generates a Google Maps link from your address

Dark / light theme toggle with smooth transitions

Full-bleed background image with readability overlay

Optional address and phone fields for richer structured data

Accessible markup — semantic dl/dt/dd hours list, live region status badge

Fully customizable title, subtitle, fonts, colors and border radius

Works out of the box — no setup needed

Use Cases

Restaurant & cafe websites

Salon, spa and wellness studio pages

Retail store & boutique landing pages

Medical & dental clinic websites

Fitness studio & gym homepages

Local service business sites

Coworking & studio space pages

Agency & showroom contact sections

Real estate office websites

Hotel & hospitality landing pages

Barbershop & beauty salon websites

Keywords

business hours widget, opening hours framer, store hours component, live open closed status, glassmorphism card, schema local business, local seo framer, contact info widget, get directions button, dark light theme toggle, working hours widget, hours schedule