CardFlip3D

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

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

3D flip card with social link