Availability Clock

This component displays the local time and active status (Online/Offline) for any city or time zone, automatically updating every second.

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