FRAMER COMPONENT · EVENTS

Upcoming events, straight from your CMS.

Upcoming events, straight from your CMS.

Cards, a photo calendar, a list or a compact list. Past events leave on their own, and visitors add any event to their calendar. No network requests.

Live component. These events live in a Framer CMS collection: each one is an Event Item inside a Collection List, and every layout above reads them. Two of them are already over, so you don’t see them.

MAKE IT YOURS

Your fonts, your colours, any place on the page.

Card, text, lines, accent and buttons, radius, border and shadow, plus four fonts. The same events, three very different looks.

Cards on dark

Photo, date chip and summary in the site’s dark colour, with a warm accent for the dates.

What’s on at Lumbre

Compact in a footer

Date and title on one line each, for a footer, a sidebar or the bottom of a menu.

Calendar in brand colours

Days with events show their photo; a tap lists that day’s events below.

THREE STEPS

Your events in the CMS, the kit on the page.

01

Add your events

A CMS collection with a title and a date. Start and end times, place, summary, photo and tickets if you have them.

02

Drop in an Event Item

Put one inside a Collection List item and connect its fields. The list’s own filters decide which events reach the kit.

03

Place the kit

Pick a layout, set your time zone and match your fonts and colours. Past events leave on their own.

WHAT’S INSIDE

Built for restaurants, venues, studios and anyone with a calendar.

Framer’s CMS filters can’t show «from today on». This kit does it for you, in the venue’s own time zone, and keeps going after you publish.

Four layouts

Past events hide on their own

Venue time zone

Add to calendar: Google and .ics

schema.org Event data

Multi-day and late-night events

Today, Tomorrow, Happening now

Show more

Archive of past events

Dates in the site’s language

Keyboard and screen readers

No network requests

Create a free website with Framer, the website builder loved by startups, designers and agencies.