Google Calendar Pro

Instead of relying on static embed links, this component gives you direct control over how your Google Calendar is displayed — right inside Framer.

Easily switch views, adjust appearance, and adapt the calendar to your design without touching external settings.

Features

• Works with a single embed link — no need to create multiple versions

• Easily manage your calendar in Google and automatically share updates with your audience

• Switch between Month, Week, and Agenda view

• Automatically adapts to language and timezone — with manual override

• Let users quickly add the calendar to their own Google Calendar

• Adjust visible tabs and calendar controls

• Customize the calendar title

• Set a custom height to perfectly fit your layout

• Customize event colors:

  • Use your Google Calendar colors

  • Override default colors for a consistent, unified look

Perfect for:

Any time-based content — schedules, events, bookings, and more. Designed for a clean, modern Framer experience.

How to use:

1. Open Google Calendar → “Settings and sharing”

2. Select your calendar → “Integrate calendar”

3. Copy the embed link or iframe code

4. Paste it into the component in Framer

   

   Adjust like a pro: