About CMS Event Card
What is CMS Event Card?
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.
Core Features
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
Controls inside Framer
Event Content
Photo
Event Name
Date
Time
Venue
Location
Visibility Toggles
Show Date
Show Time
Show Venue
Badge
Badge
Badge Text
Badge Color
Custom BG
Custom Text
Pricing
Price
Price Label
Speaker / Performer
Speaker Photo
Speaker Name
Speaker Role
CTA & Actions
Button Text
Button Link
Favourite
Drawer Content
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
Style
Theme
Radius
Custom Colors (Card BG, Drawer BG, Accent, Button Colors, Favourite Button, Dividers, etc.)
Animation
Drawer Speed
Hover Speed
Typography
Heading Font
Body Font
Button Font
Best use cases
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.
Questions or custom requests?
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.