Timezone_indicator — Timezone widget with world pins

Timezone Indicator for Framer

Timezone Indicator helps visitors instantly understand your working hours by showing your time, their time, and the timezone difference. It’s perfect for freelancers, agencies, and remote teams working across multiple time zones.

What it shows

• Your local time

• Visitor’s local time

• Timezone difference (Δ)

• Optional location labels

• Dotted world map with pins

Best for

• Contact pages

• Booking / scheduling sections

• Freelance and agency portfolios

• Remote team websites

• Global product pages

Customization

• Map background and corner radius

• Dots: size, spacing, opacity, land mask

• Pins: color, ring color, and size

• Labels: toggle, font, and offsets

• Time bar: layout, padding, radius, blur, shadow, and typography

Setup

1. Paste the component onto your Framer canvas

2. Choose your location or set it manually

3. Style the map, dots, and time bar to match your site

4. Publish