---
title: "Profile Cards 3D — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. What is Profile Cards 3D?"
canonical: "https://framer.elliotli.dev/component/profile-cards-3d"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Profile Cards 3D

# Profile Cards 3D

Premium 3D flip profile cards.

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

![Profile Cards 3D preview image 1](https://framer.elliotli.dev/og/component/profile-cards-3d/656b579c191dfcd9/1600x1200.jpg)

## Summary

What is Profile Cards 3D?

## Description

## What is Profile Cards 3D?

Profile Cards 3D is a premium interactive card component that combines a hover-triggered image reveal with a buttery 3D flip animation. On the front, a profile image expands from an inset frame to full-bleed on hover, revealing name, bio, stats, and a CTA over a cinematic gradient. On the back, display additional info, an image, or an embedded video. Ideal for team pages, creator spotlights, speaker lineups, and portfolio showcases.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Hover reveal effect with adaptive gradient overlay and smooth image expansion
    
-   3D card flip triggered by click or hover, with configurable speed and easing
    
-   Three back-face content modes: rich info panel, full-bleed image, or embedded video (YouTube, Vimeo, direct URL)
    
-   Five theme presets — Light, Dark, Midnight, Frost — plus a fully custom palette with eight colour controls
    
-   Integrated social links for X, LinkedIn, Instagram, Dribbble, GitHub, and YouTube
    
-   Clickable CTA button with Framer Link support
    
-   Verified badge, dual stat counters with accessible labels, and independent font controls
    
-   Keyboard accessible with ARIA labels and prefers-reduced-motion support
    

## Controls inside Framer

### Front Content

-   Profile photo (responsive image)
    
-   Name, role, and bio text
    
-   Verified badge toggle
    
-   Two configurable stat values with accessible labels
    
-   CTA button text and link
    

### Back Content

-   Back type selector: Image, Video, or Info
    
-   Back image upload (responsive image)
    
-   Video URL field (YouTube, Vimeo, or direct)
    
-   Info panel: title, description, location, website with link, comma-separated skill tags
    
-   Six social link fields (X, LinkedIn, Instagram, Dribbble, GitHub, YouTube)
    

### Style

-   Theme preset: Light, Dark, Midnight, Frost, Custom
    
-   Border radius control (0–40px)
    
-   Custom colour palette: background, text, secondary, accent, badge, CTA background, CTA text, stat icons
    

### Animation

-   Flip trigger: Click or Hover
    
-   Flip speed (300–1200ms)
    
-   Hover reveal speed (200–1000ms)
    

### Typography

-   Independent font controls for name, bio, stats, and CTA
    

### Default size

376 x 407 px — resizable on canvas.

## Best use cases

-   Team and about pages — present each member with depth beyond a static headshot
    
-   Creator and influencer profiles — showcase follower counts, portfolios, and social links in one interactive card
    
-   Speaker and event lineups — flip to reveal bios, topics, or intro videos
    
-   Portfolio showcases — use the image or video back face to highlight featured work
    

Profile Cards 3D turns a static headshot grid into an interactive experience that keeps visitors engaged and exploring.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).

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

-   All · #9240

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-05-11
- **Updated**: 2026-06-13
- **Added**: 2026-04-18
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator