CMS Profile Cards

CMS Profile Cards

About CMS Profile Cards

What is CMS Profile Cards?

CMS Profile Cards is an interactive component built specifically to seamlessly integrate with Framer CMS collections. It transforms standard text and image fields into a rich, dynamic profile display. Use it to construct professional team directories, impressive speaker lineups, or compelling testimonial rosters while maintaining complete design control over typography, themes, and layouts.

Core Features

  • Smooth idle floating animation with individualised timings per card

  • Responsive hover lift effects and dynamic glow shadows

  • Automated animated number counters for numerical statistics

  • Staggered entry animations for social media link icons

  • Five curated colour themes plus a fully configurable custom theme

  • Direct data binding with standard Framer CMS text, link, and image fields

Controls inside Framer

Content

  • Avatar

  • Name

  • Role

  • Bio

  • Verified

  • Location

  • Stat 1 Value

  • Stat 1 Label

  • Stat 2 Value

  • Stat 2 Label

  • Skills

Links

  • Profile Link

  • X (Twitter)

  • LinkedIn

  • Facebook

  • Dribbble

  • GitHub

  • Instagram

Theme

  • Theme (Obsidian, Pearl, Midnight, Ember, Frost, Custom)

  • Card BG

  • Text Primary

  • Text Secondary

  • Accent

  • Border

  • Badge / Status

  • Tag BG

  • Tag Text

Toggles

  • Bio

  • Location

  • Stats

  • Skill Tags

  • Social Links

  • CTA Button

CTA

  • CTA Text

  • CTA Style (Outline, Filled)

Typography

  • Name Font

  • Role Font

  • Bio Font

  • CTA Font

Animation

  • Animate Stats

  • Idle Float

  • Float Intensity

  • Hover Lift

Card Style

  • Corner Radius

  • Card Shadow

  • Avatar Size

Best use cases

  • Agency or startup team member directories

  • Conference and event speaker lineups

  • Marketplace user and creator profiles

  • Detailed client testimonial showcases

Integrate sophisticated, high-performance interactions into your site architecture in minutes, delivering a polished digital experience that immediately engages visitors.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.