CMS Date Gate
Get the component
Framer component for any CMS list
Show what’s coming. Hide what’s over.
CMS Date Gate gives your Collection Lists the live date. Use it in Framer’s own filters and visibility conditions to show upcoming events, running offers and scheduled posts, with badges like Today and New that switch on by themselves.
Upcoming events
Running offers
Scheduled posts
Framer’s own filters
Today and New badges
Venue time zone
No API, no requests
Demo 01 · Events
Upcoming events that clear themselves
Each event stays on the list until it ends, then leaves on its own. One that is running shows Happening now, and events in the next 7 days get a Today or Soon badge.
Filter: End Date is after Now
Today: between Today and Today
Soon: between Tomorrow and Soon
Limit: 5
Fair
Happening now
Autumn makers fair
Courtyard
Workshop
Candle cup workshop
Studio B
Open studio
Open studio: November
Whole studio
Workshop
Holiday ornament night
Studio B
Fair
Winter market
Courtyard
Demo 02 · Offers
Offers that run on their own dates
Each offer has a start and an end. It appears on its start date and leaves after its end date, so nobody sees an expired deal. Offers in their last week say Ends soon.
Starts is before Tomorrow
Ends is after Yesterday
Ends soon: between Today and Soon
15% off
Autumn wheel pass
Six open wheel sessions.
Gift cards from $45
Gift a class
Delivered by email in minutes.
48 hours early access
Members book first
For every workshop we list.
Demo 03 · Journal
Scheduled posts and New badges
Write posts ahead and give them a future date. They stay hidden until that day, and posts from the last 14 days show a New badge.
Filter: Date is before Now
New: between Recent and Today
Recent: 14 days
Limit: 6
Process
New
Why pots crack in the kiln
Community
Our favorite student pieces this summer
Technique
Centering, explained slowly
Studio
Reclaiming clay without the mess
Process
How long does a mug take to make
Glaze
Three glazes we keep coming back to
Demo 04 · This month
Just the next 30 days
The same events, as a compact agenda for a home page or sidebar. Anything further out waits its turn.
Filter: between Today and Soon
Soon: 30 days
Badges: Today, Tomorrow
Candle cup workshop
Open studio: November
Setup
Three steps, no code
Works with Framer’s own Collection Lists, filters and sorting. Nothing leaves the page.
Step 1
Put your list in a component
Make your Collection List a component. Inside it, add Date variables named Now, Today, Yesterday, Tomorrow, Soon or Recent, only the ones you need.
Step 2
Filter with the dates
Use the variables in the list’s filters and visibility conditions. Date is after Yesterday keeps upcoming items, End Date is after Now keeps running ones.
Step 3
Connect it
Put CMS Date Gate on the page and pick that component in its Component setting. Set the venue’s time zone, and the dates stay current on the live site.