---
title: "Profile Card Flip — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Cards. Profile Card Flip ProfileCardFlip is an interactive Framer component that transforms a standard team member card into a two-sided reveal experience."
canonical: "https://framer.elliotli.dev/component/profile-card-flip"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Profile Card Flip

# Profile Card Flip

Flip to reveal the story

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

![Profile Card Flip preview image 1](https://framer.elliotli.dev/og/component/profile-card-flip/903aa44721385658/1600x1200.jpg)

## Summary

Profile Card Flip ProfileCardFlip is an interactive Framer component that transforms a standard team member card into a two-sided reveal experience.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Card Bundle:** [**https://frameze.com/components/category/card?ref=bundles**](https://frameze.com/components/category/card?ref=bundles)

## **About Profile Card Flip**

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.

**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
    

Live Preview: [https://profilecardflip.framer.website/](https://profilecardflip.framer.website/)

**Perfect for**

-   Team and about pages
    
-   Agency and studio rosters
    
-   Speaker or cast sections
    
-   Testimonial and bio showcases
    
-   Portfolio contributor pages
    

**Keywords**

framer profile card, framer flip card, team card, framer interactive card, framer bio card, team section, framer click reveal, card component, framer team member card, flip animation, hover card, framer profile component, framer split layout card

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

-   All · #4010

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-05-29
- **Updated**: 2026-09-29
- **Added**: 2026-05-19
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards