Local Live Timer
A real-time clock component that automatically detects and displays the visitor's local time with their country information.With customizable formatting options.
Make it with Workshop
Build your own component with AI
About this Component
Features
Automatic timezone detection - Shows visitor's local time instantly
Country display - Shows country code (IN, US, GB) or full name (India, United States, United Kingdom)
Day of week - Optional display (Mon, Tue, Wed, etc.)
Seconds toggle - Show/hide seconds
Customizable separator - Use any character(s) between elements (-, |, •, etc.)
Adjustable spacing - Control gap between all elements
Full typography control - Font family, size, weight, color
Property setup
Typography - Font settings (family, size, weight, line height, letter spacing, alignment)
Text Color - Color picker for text
Show Day - Toggle day of week display (Mon, Tue, Wed...)
Show Seconds - Toggle seconds in time display
Show Location - Toggle country display
Location Format - Choose between:
Country Code (IN, US, GB)
Full Name (India, United States, United Kingdom)
Separator - Character(s) between elements (default: "-")
Examples: ", " or " | " or " • " or " / "
Gap - Spacing between all elements (0-100px, default: 8px)
