Availability Clock

This component displays the local time and active status (Online/Offline) for any city or time zone, automatically updating every second. It detects the user’s browser timezone as a fallback, supports custom active hours, and offers full control over fonts, colors, and spacing—making it a perfect addition to portfolios, contact sections, or team pages where you want to show when you’re available.

Key features:

• Real-time clock with one-second updates

• Automatic city-to-timezone detection

• Online / Offline status based on custom hours

• Fully customizable text, fonts, colors, and spacing

• Simple setup — copy and paste it into your Framer project