---
title: "FlipCard3D — Free Framer component · Best of Framer"
description: "Free Framer component · by SanndyCreationz · Cards. The 3D Flip Card component brings an interactive, modern effect to your Framer projects."
canonical: "https://framer.elliotli.dev/component/flipcard3d"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/FlipCard3D

# FlipCard3D

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

![FlipCard3D preview image 1](https://framer.elliotli.dev/og/component/flipcard3d/861734ca73a70257/1600x1200.jpg)

## Summary

The 3D Flip Card component brings an interactive, modern effect to your Framer projects.

## Description

The **3D Flip Card** component brings an interactive, modern effect to your Framer projects. On hover or tab, the card smoothly flips in 3D, revealing a video on the back side. Perfect for portfolios, product showcases and for key features.

Key Features

-   **Front face**: Display any image.
    
-   **Back face**: Play a video (autoplay, loop, muted, or play-on-hover).
    
-   **Text Support**: Add custom text to either side of the card. Choose position (top, bottom, left, right), adjust spacing, and style it with full text editor controls (font, size, color.)
    
-   **Custom Styling**:
    
    -   Shadow controls.
        
    -   Adjustable radius.
        
    -   Border customization (color, width, style).
        
    -   Background color controls.
        
-   **Mobile Friendly**: Option to enable/disable click-to-flip for touch devices.
    
-   **Responsive**: Scales with your layout and keeps smooth transitions.
    

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

-   All · #4229

## Details

- **Author**: SanndyCreationz
- **Published**: 2025-09-22
- **Updated**: 2025-09-22
- **Added**: 2025-09-13
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards