---
title: "CMS Event Card — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. What is CMS Event Card?"
canonical: "https://framer.elliotli.dev/component/cms-event-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/CMS Event Card

# CMS Event Card

Cinematic CMS event information.

[View on Framer](https://framer.com/marketplace/components/cms-event-card/?via=elliot-li)

![CMS Event Card preview image 1](https://framer.elliotli.dev/og/component/cms-event-card/39084b4249161024/1600x1200.jpg)

## 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.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## 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**](mailto:contact@teampixel.com.au).

## Rank history [How rankings work →](/terms#rankings)

-   All · #10279

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-13
- **Added**: 2026-06-03
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator