---
title: "3D Card Rotation — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Sally Yang · Cards. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/3d-card-rotation"
---

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

# 3D Card Rotation

3D Card Rotation

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

![3D Card Rotation preview image 1](https://framer.elliotli.dev/og/component/3d-card-rotation/c4d9a18b92868213/1600x1200.jpg)

## Summary

3D Card Rotation

## Description

3D card component with hover flipping. Features precision typography depth controls to isolate text from background layers with parallax motion.

🟢 Key Features

-   **Hover-Triggered 3D Flip**
    
-   **Text Depth Calibration**: Independent variable input to control the dimensional Z-index distance of typographic elements.
    
-   **Dual-Face Layouts**: Custom, separate media and text variables for both the front and back layout faces.
    
-   **Font Control**: Granular typography inputs for Eyebrow, Brand Name, and Hero Title variables.
    

🟡 Best For

-   **Product Showcases**
    
-   **Portfolio Grids**
    
-   **Feature Highlights**
    

🟣 Where to Use

-   **Hero Sections**: Deploy as primary interactive callouts or feature spotlights.
    
-   **Bento Grids**: Integrate into modern modular layouts to maximize information density without adding layout clutter.
    

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

-   All · #1202

## Details

- **Author**: Sally Yang
- **Price**: $4.00
- **Published**: 2026-07-06
- **Updated**: 2026-07-08
- **Added**: 2026-07-06
- **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