CardFlip3D

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