---
title: "3D Hover Flip Card — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Boyoon Labs · Cards. Interactive card with hover tilt & flip"
canonical: "https://framer.elliotli.dev/component/3d-hover-flip-card"
---

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

# 3D Hover Flip Card

Interactive card with hover tilt & flip

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

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

## Summary

Interactive card with hover tilt & flip

## Description

## 3D Flip Card Component

Transform your Framer projects with this premium interactive card component featuring smooth animations and engaging hover effects.

## Key Features

### Interactive 3D Effects

-   **Magnetic hover** with smooth tilt animation
    
-   **Dynamic lift effect** that follows your cursor
    
-   **Realistic shadows** that respond to movement
    
-   Buttery smooth **flip animation on click**
    

### Fully Customizable

-   Adjustable card dimensions (width & height)
    
-   Front: Image with fit/fill options
    
-   Back: Custom text with full typography control
    
-   Configurable corner radius
    
-   Custom colors for text and background
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-dyx7tvda-oNirE0u3u5HVYZ0b8xsSYONKpSFe1O)

### Fine-tune Interactions

-   Control tilt intensity (0-40°)
    
-   Adjust lift amount for depth effect
    
-   Customize shadow size and color
    
-   Scroll support for long text content
    

## Perfect For

-   Portfolio showcases
    
-   Product cards
    
-   Team member profiles
    
-   Feature highlights
    
-   Interactive galleries
    
-   Modern landing pages
    

## Easy to Use

Simply drag the component to your canvas and c**_ustomize via the properties panel. No coding required!_**

All effects are optimized for smooth performance across devices.

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

-   All · #5420

## Details

- **Author**: Boyoon Labs
- **Price**: $3.00
- **Published**: 2026-02-16
- **Updated**: 2026-03-04
- **Added**: 2026-02-05
- **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