Availability Clock
Display local time and online status for any city or timezone — perfect for showing when you’re available.
Made with Workshop
Build your own component with AI
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
