Struggling to keep your website updated with your current office hours? Live Presence Badge is the ultimate smart component for freelancers, agencies, and local businesses. It automatically tracks your timezone and availability, showing your visitors exactly when you're online or when you'll be back.
Most status widgets are static or require manual updates. This component solves the friction of managing international timezones and split shifts (like morning and afternoon sessions). It’s lightweight, zero-dependency, and built for high-conversion landing pages.
Automatic Timezone Detection: Set your local timezone (Madrid, New York, Tokyo, etc.) and let the component do the math.
Split-Shift Support: Configure morning and afternoon opening hours for every day of the week.
Dynamic Status Indicator: A smooth, pulsing neon glow that changes color (Green/Red) based on your live status.
Custom Location & Address: Integrated location badge with a clean icon for your physical office or city.
Fully Responsive & Customizable: Adjust every detail—fonts, colors, sizes, and border radius—directly from the Framer sidebar.
Apple-Grade Aesthetics: Designed with glassmorphism and native system typography for a high-end feel.
Local Businesses: Restaurants, clinics, or shops that need a reliable "Open/Closed" indicator.
Freelance Portfolios: Show clients when you are available for a call.
Agency Websites: Display your studio’s active hours in any city.
Digital Products: Show live support hours or dev team availability.
Eneko Lekue
