The CMS Event Card is a highly polished, production-ready code component designed specifically for event directories, workshop schedules, and premium venue websites. Built to seamlessly integrate with Framer CMS, it elegantly condenses complex event data into a compact resting state, revealing full ticketing details, speaker profiles, and deep links through a sophisticated sliding interaction.
Cinematic sliding drawer reveal with custom spring physics
Hover-triggered image zoom and gradient vignette darkening
Staggered entrance animations for date, time, and venue pills
Pulsing status indicator for ticket availability
Complete visual control with six built-in palettes and a fully custom theme override
Strict accessibility compliance including a reduced-motion hook
Photo
Event Name
Date
Time
Venue
Location
Show Date
Show Time
Show Venue
Badge
Badge Text
Badge Color
Custom BG
Custom Text
Price
Price Label
Speaker Photo
Speaker Name
Speaker Role
Button Text
Button Link
Favourite
Description
Detail 1 Label
Detail 1 Value
Detail 2 Label
Detail 2 Value
Detail 3 Label
Detail 3 Value
Detail 4 Label
Detail 4 Value
Theme
Radius
Custom Colors (Card BG, Drawer BG, Accent, Button Colors, Favourite Button, Dividers, etc.)
Drawer Speed
Hover Speed
Heading Font
Body Font
Button Font
Premium design conferences and industry summits
Exclusive workshop registrations and masterclasses
High-end venue and theater ticketing schedules
Digital product launches and webinar directories
Deliver a premium ticketing experience that commands attention and drives higher registration conversions with a polished, interactive interface.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
