---
title: "3D Flip Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Can Girgin · Cards. Easily switch between front and back content with smooth flip animations triggered by hover or click."
canonical: "https://framer.elliotli.dev/component/3d-flip-card"
---

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

# 3D Flip Card

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

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

## Summary

Easily switch between front and back content with smooth flip animations triggered by hover or click.

## Description

Easily switch between front and back content with smooth flip animations triggered by **hover** or **click**. Designed for flexibility and ease of use, this component includes:

-   🔁 **Horizontal or vertical flip** directions
    
-   🖱️ **Hover or click** interaction triggers
    
-   ⏱️ Adjustable **animation speed & easing**
    
-   🎯 Optional **auto-flip** mode with custom intervals
    
-   🪞Real 3D **perspective** effects for depth
    
-   🎨 Customizable **colors, shadows & border radius**
    
-   📦 Drag-and-drop **content slots** for front/back faces
    

Perfect for team cards, product reveals, testimonials, quizzes, or any interactive UI element.

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

-   All · #1349

## Details

- **Author**: Can Girgin
- **Published**: 2025-08-05
- **Updated**: 2025-12-03
- **Added**: 2025-08-01
- **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