A clean analog world clock component with local and custom GMT support, auto day and night theming, and refined typography controls. Built for dashboards, hero sections, travel sites, and global products that need a live time display with a polished minimal look.
Classic Analog Clock is a fully customizable analog clock component designed for elegant, functional time display inside Framer. It supports both the visitor’s local time and custom GMT offsets, updates automatically in real time, and includes a date window that stays synced with the selected timezone.
The component is designed to remain visually stable, scale smoothly inside any frame, and be easy to configure through built-in controls.
Local visitor time
Custom GMT input like GMT+7, GMT-6, or GMT+5:30
Synced date display based on the selected timezone
Show or hide the second hand
Choose between Quartz, Digital, and Mechanical second-hand motion
Real-time analog hand movement
Automatic day and night theme switching
Single-color OKLCH theme generation
Separate manual styling for day and night states
Custom face, hands, numerals, label, and date window colors
Full font controls for label, numerals, and date
Switch between text label and uploaded image
Adjustable image size for logo-based branding
Dashboards and utility interfaces
Hero sections and landing pages
Travel, booking, and global products
Portfolio websites and editorial layouts
Timezone-based or location-aware designs
Minimal analog clock design
Local and custom GMT support
Quartz, Digital, and Mechanical movement styles
Auto day and night styling
OKLCH-based theme workflow
Flexible typography and branding controls
Clean scaling inside responsive layouts
Moe Kyaw
