---
title: "Business Hours Pro — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. What is Business Hours Pro?"
canonical: "https://framer.elliotli.dev/component/business-hours-pro"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Business Hours Pro

# Business Hours Pro

Display business hours with live status.

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

![Business Hours Pro preview image 1](https://framer.elliotli.dev/og/component/business-hours-pro/9a23aeb75e8d6989/1600x1200.jpg)

## Summary

What is Business Hours Pro?

## Description

## What is Business Hours Pro?

Business Hours Pro is a fully customizable business information card that displays your operating hours, contact details, and a real-time open or closed status indicator. Designed for service-based businesses, restaurants, clinics, salons, and retail stores, it gives visitors the information they need at a glance. Drop it onto any Framer page and configure everything from the property panel.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Live open/closed status badge that updates automatically based on the visitor's current time and your configured hours
    
-   Five premium theme presets — Light, Dark, Glass, Warm, and fully Custom — with colors that adapt across every element including the CTA button
    
-   Responsive layout that stacks contact info and hours vertically at narrow widths
    
-   Cover image and logo upload
    
-   Customizable call-to-action button, adjustable radius, and toggleable hover animation
    

## Controls inside Framer

### Images

-   Cover Image
    
-   Logo
    

### Business Info

-   Business Name
    
-   Description
    

### Theme and Colors

-   Theme (Light / Dark / Glass / Warm / Custom)
    
-   Colors (Background, Text Primary, Text Secondary, Accent, Divider, Icon Color, Status Open, Status Closed, Button Text) — visible in Custom theme
    

### Button

-   Show Button
    
-   Button Text
    
-   Button Link
    

### Button Style

-   Hover Effect (on/off)
    
-   Border Radius
    

### Card Style

-   Border Radius
    
-   Cover Height
    
-   Shadow (on/off)
    
-   Border (on/off)
    

### Contact Info

-   Show Phone / Phone
    
-   Show Email / Email
    
-   Show Address / Address
    
-   Show Website / Website
    

### Business Hours

-   Day, Open Time, Close Time, Closed toggle — up to 7 entries
    

### Status

-   Show Status (on/off)
    

### Font

-   Font family and weight
    

## Best use cases

-   Service businesses — salons, spas, dental clinics, and barbershops that need to display weekly availability alongside booking links
    
-   Restaurants and cafes — show daily hours, highlight today's schedule, and let visitors see at a glance whether you are currently open
    
-   Retail and local stores — embed a branded hours card on your landing page or contact section with full address, phone, and website links
    
-   Professional services — clinics, law firms, and studios that want a polished, modern information card matching their site design
    

Replace static text blocks with a dynamic, branded hours card that builds trust and reduces support inquiries.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).

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

-   All · #11269

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-03-31
- **Updated**: 2026-06-13
- **Added**: 2026-03-16
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator