Skip to content

component

CMS Event Card

By Aidan Looker

Details

Summary

What is CMS Event Card?

Description

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 .

Introduction

Cinematic CMS event information.

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750182558/148/228/309/79/15
  • All · #8255