Does it work on free Framer sites?

The Embed component is available on Framer’s paid site plans. Once added, the calendar renders on your published site.

Will it slow my Framer site down?

No. The widget loads asynchronously with a deferred script, so it never blocks your page from rendering.

Can visitors add events to their own calendar?

Yes. Every event has an add-to-calendar button for Google, Apple and Outlook, and visitors can subscribe to your whole calendar feed.

Website builder

Event calendar widget for Framer

Event Calendar Widget works beautifully in Framer using the Embed component. Add a polished, multilingual events calendar to your Framer site without writing any code or managing a backend.

Start for free See live demo

4.9/5 from 1,284 reviews

00Live demo

Try the live calendar

Browse the months and open an event — this is the real widget, running below.

01Why it fits

Built to feel at home in Framer

Everything you need to publish events on Framer, without the maintenance of a heavier tool.

Drops straight into Framer’s Embed / HTML component
Smooth and responsive alongside Framer’s animations
Automatic dark mode to match your Framer theme

02Use cases

What people publish with it on Framer

A few of the most common ways teams put the calendar to work.

01
Studios and designers showcasing upcoming talks and workshops
02
Creators publishing livestream and product-drop schedules
03
Startups adding an events page to a Framer marketing site

03Setup

How to add a calendar to Framer

Add it with the Embed component — usually in just a few minutes.

1
Insert an Embed
In Framer, click Insert and add the “Embed” component (HTML), then place it where you want the calendar.
2
Paste your embed code
Switch the embed to “HTML” and paste your Event Calendar Widget snippet.
3
Publish
Publish your Framer site and the calendar goes live, staying in sync automatically.

framer-embed.html

<!-- Event Calendar Widget embed code -->
<div id="calendar-embed-cal-dot-et"
  data-calendar-link="your-calendar-id"
  data-theme="#2563eb"
  data-show-powered="true"
  data-mode="light"
  data-first-day-of-week="mon"
  data-view="month"
  data-show-side-panel="false"
  data-timezone="America/New_York"></div>

<script src="https://calget.com/assets/js/embedcalendar.js" defer></script>

Custom code embeds render on your published Framer site.

04FAQ

Framer questions

: The Embed component is available on Framer’s paid site plans. Once added, the calendar renders on your published site.
: No. The widget loads asynchronously with a deferred script, so it never blocks your page from rendering.
: Yes. Every event has an add-to-calendar button for Google, Apple and Outlook, and visitors can subscribe to your whole calendar feed.