---
title: "Work Hours — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Igor Reif · Interactive. Work Hours\" supports the 24-hour format."
canonical: "https://framer.elliotli.dev/component/work-hours"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Work Hours

# Work Hours

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

![Work Hours preview image 1](https://framer.elliotli.dev/og/component/work-hours/42a57802e1898113/1600x1200.jpg)

## Summary

Work Hours" supports the 24-hour format.

## Description

## Two components, one price, full schedule flexibility. All included for your convenience.

After purchase, you’ll get links to copy both components into your Framer project, plus a Remix link.

-   "Work Hours" supports the 24-hour format.
    
-   "Work Hours 12h" supports the 12-hour AM/PM format.
    

## Features

-   Supports all time zones; just select the closest city.
    
-   Flexible language support: title, day labels, and messages can be written in any language.
    
-   Fully customizable messages: Closed, Open till, We're closed. Opens on DAY at TIME.
    
-   Dynamic countdown showing remaining time up to 60 minutes before closing.
    
-   Supports single and double shift schedules.
    
-   Highlights today’s schedule automatically.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-hlq8phvg-YlRjaBuBhT8DxaEyakpGTBfHavlMfi)

Ideal for any industry, office or service based business, Work Hours components keeps your visitors informed on your working hours in a clear and dynamic way.

## Easily switch between Compact and Full schedule views.

-   Compact view lets you display today’s work hours in a clear, concise way, making it perfect for navigation bars, headers, or next to call-to-action buttons.
    
-   Full schedule displays the complete work hours with today’s day highlighted, perfect for footers, contact sections, and similar areas.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-hlq8phvg-UAhBiGIoDMY2wpfjwZIkGzhbSW5lgj)

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

-   All · #7563

## Details

- **Author**: Igor Reif
- **Price**: $12.00
- **Published**: 2026-01-15
- **Updated**: 2026-01-14
- **Added**: 2026-01-01
- **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