Timely

What is Timely?

What is Timely? Timely is a dynamic component that automatically displays the user’s current time and location based on their timezone. It’s fully customizable, allowing you to control how the information is displayed. What it can do Detects the user’s timezone and shows their city and country. Displays the current time with support for 12h (AM/PM) or 24h formats. Includes date display with short, long, or numeric formats. Updates in real time with adjustable refresh intervals (1s, 5s, 10s). Compact Mode for abbreviated locations like NYC, US or BA, AR . Custom separators between date, time, and location. Fallback options if no location can be detected. Customization You can adjust everything directly from the Framer controls, including: Typography and text color Show or hide date, time, or location Time format (AM/PM or 24h) Date format Show seconds Compact location display Separator style and symbols Refresh rate Default/fallback city and country Perfect for Dashboards Hero sections Global interfaces Time-focused landing pages