---
title: "Live Status Badge — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Francesco Caronte · Backgrounds. Live location, time & availability"
canonical: "https://framer.elliotli.dev/component/live-status-badge"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Live Status Badge

# Live Status Badge

Live location, time & availability

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

![Live Status Badge preview image 1](https://framer.elliotli.dev/og/component/live-status-badge/98879f995bde18a7/1600x1200.jpg)

## Summary

Live location, time & availability

## Description

### **About this Component**

Three modular badges, one component Mix and match Location, Time, and Status badges. Reorder them freely, display them horizontally or vertically, and show only the ones you need.

### **Live weather & location**

Set a city name or drop in GPS coordinates. The badge fetches real-time weather and displays temperature in °C or °F with an auto-matched icon. Refreshes on a configurable interval (default: every 15 minutes).

### **Real-time clock**

Displays the current time with optional seconds and GMT offset — always ticking, always accurate.

### **Schedule-based availability**

Define your working hours and active days of the week. The component automatically switches the status badge between Available and Unavailable based on your schedule — no manual toggling required.

### **Animated LED indicator**

A customizable blinking dot signals your status at a glance. Control its color, shape (circle or square), size, position, blink speed, fade duration, and minimum opacity — for both available and unavailable states.

### **Full style control**

Adjust padding, border radius, background color, backdrop blur, border stroke, and box shadow directly from the properties panel.

### **Typography**

Set a custom font, size, letter spacing, line height, and separate text colors for available and unavailable states.

### **Use Cases**

Perfect for freelancers, designers, and agencies who want their site to feel alive. Add it to a portfolio to show availability for new work, to a team page to display each member’s location and timezone, or to a personal landing page for a dynamic, real-time touch. Ideal for remote workers and studios that want to communicate working hours without ever updating a banner manually.

### **Refund Policy**

All sales of digital products are final and non-refundable. If you have any questions about the product, please contact me at info@carontefrancesco.it before completing your purchase. I’m happy to help.

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

-   All · #8300

## Details

- **Author**: Francesco Caronte
- **Price**: $15.00
- **Published**: 2026-06-17
- **Updated**: 2026-06-22
- **Added**: 2026-06-17
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background