---
title: "CardFlip3D — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Cards. CardFlip3D is a premium 3D flip profile card for Framer that turns a simple contact section into a memorable interaction."
canonical: "https://framer.elliotli.dev/component/cardflip3d"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/CardFlip3D

# CardFlip3D

3D flip card with social link

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

![CardFlip3D preview image 1](https://framer.elliotli.dev/og/component/cardflip3d/d4dda6027703b3f0/1600x1200.jpg)

## Summary

CardFlip3D is a premium 3D flip profile card for Framer that turns a simple contact section into a memorable interaction.

## Description

CardFlip3D is a premium 3D flip profile card for Framer that turns a simple contact section into a memorable interaction. The front face displays a circular profile photo, glowing banner, name, and role. On hover, the card performs a smooth 3D rotation to reveal the back — a social media hub with up to 4 clickable platform icons. Every element is fully editable through property controls with zero code required.

## ✅ Features

-   Smooth 1.5s 3D flip animation on hover using CSS perspective transforms
    
-   Front face with circular profile image, banner title, name, and role text
    
-   Back face with heading and up to 4 social media links
    
-   Supports Instagram, Twitter / X, WhatsApp, and Facebook
    
-   Each social link individually enable/disable toggle
    
-   Clickable social icons open in new tab with secure link attributes
    
-   Fully customizable card color, text color, glow color, and border radius
    
-   Responsive image control for easy profile photo uploads
    
-   Hover opacity effect on social icons for polished micro-interaction
    
-   Backface hidden for clean, glitch-free flip transitions
    
-   Dark theme by default — works beautifully on any background
    
-   No external dependencies beyond React and Framer
    
-   Fixed 240 × 294px card size with consistent aspect ratio
    

## 🎛️ Property Controls Breakdown

**Profile Image**

**Front Face Text**

-   Front Title
    
-   Front Heading
    
-   Front Subtext
    

**Back Face Text**

-   Back Heading
    

**Social Links**

-   Links
    
-   Platform
    
-   URL
    
-   Enabled
    

**Visual Styling**

-   Card Color
    
-   Text Color
    
-   Glow Color
    
-   Border Radius
    

## 🔍 SEO Keywords

3d flip card framer · framer profile card component · flip card framer · business card framer component · social media card framer · 3d card hover framer · interactive profile card · framer flip animation · team member card framer · contact card framer · social links card component · hover flip card framer · portfolio card component · framer 3d component · profile card with social links

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

-   All · #4308

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2026-04-28
- **Updated**: 2026-07-09
- **Added**: 2026-04-09
- **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