---
title: "Hover Flip Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Shivani Sharma · Cards. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/hover-flip-card"
---

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

# Hover Flip Card

Hover Interaction

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

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

## Summary

Hover Interaction

## Description

A polaroid-style card with a tilted frame and heart detail. The front shows a quote; hover and it flips in true 3D to reveal a image hiding behind it. The flip is what sells the depth, and the quote-first reveal gives the photo a payoff.

Works well for testimonials, portfolio/moodboard grids, and any "behind the words" storytelling moment.

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

-   All · #1771

## Details

- **Author**: Shivani Sharma
- **Published**: 2026-06-17
- **Updated**: 2026-06-17
- **Added**: 2026-06-17
- **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