---
title: "Flip Card — Framer component · Best of Framer"
description: "$1.00 · Framer component · by Ævar Bernburg · Cards. Flip Card is an interactive image component that flips smoothly when hovered."
canonical: "https://framer.elliotli.dev/component/flip-card"
---

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

# Flip Card

Card that flips on hover

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

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

## Summary

Flip Card is an interactive image component that flips smoothly when hovered.

## Description

## Flip Card for Framer

The Flip Card is an interactive image component that flips smoothly when hovered. The animation direction depends on the side where the cursor enters, creating a natural and engaging effect. It’s perfect for image galleries, portfolios, or any layout where you want to reveal content in a playful but polished way.

## Interactive Flip Effects

-   Flips on hover based on the side of cursor entry
    
-   Smooth, animations
    
-   Backside image revealed
    

## Customizable Design Controls

-   Front and back images
    
-   Corner radius
    
-   Flip duration
    
-   Flip easing
    

## How It Works

When the cursor enters the card, the component detects the entry side and rotates along the corresponding axis. The motion uses smooth transforms and easing, resulting in a responsive and consistent interaction.

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

-   All · #7297

## Details

- **Author**: Ævar Bernburg
- **Price**: $1.00
- **Published**: 2025-09-24
- **Updated**: 2026-08-05
- **Added**: 2025-09-19
- **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