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:
Open Google Calendar → “Settings and sharing”
Select your calendar → “Integrate calendar”
Copy the embed link or iframe code
Paste it into the component in Framer