About Component
ProfileCardFlip is an interactive Framer component that transforms a standard team member card into a two-sided reveal experience. The front shows a full-bleed portrait with name and role. Click — and the card flips to expose a split-panel bio layout with an accent color column, photo overlay, and quote area on the right.
Four flip styles let you match the card's personality to your brand: Flip Y for the classic reveal, Flip X for a top-down turn, Spring for a tactile bouncy feel, or Fade for a clean crossfade.
Built for teams, agencies, and studios that want their "Meet the Team" section to feel alive — not static.
Live Preview: https://profilecardflip.framer.website/
Features:
Click or hover to flip between portrait and bio
Split-panel back layout — accent color column + bio panel
4 transition styles: Flip Y, Flip X, Spring, Fade
Hover blur effect on front — draws the eye, invites the click
Tag badge with custom font, color and background
Full typography control — name, role, bio font size and family
Animation speed control
Touch and swipe support for mobile
ESC to flip back
Demo mode for live presentations
No external dependencies
Perfect for:
Team and about pages
Agency and studio rosters
Speaker or cast sections
Testimonial and bio showcases
Portfolio contributor pages
SEO Keywords
framer profile card · framer flip card · framer team card · framer interactive card · framer bio card · framer team section · framer click reveal · framer card component · framer team member card · framer flip animation · framer hover card · framer profile component · framer split layout card · framer animated card
Ahmet Loca
