---
title: "FlipCardVideo — Free Framer component · Best of Framer"
description: "Free Framer component · by Atemo Art · Cards. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/flipcardvideo"
---

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

# FlipCardVideo

Flip Card Component

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

![FlipCardVideo preview image 1](https://framer.elliotli.dev/og/component/flipcardvideo/9897f6c69aa077c9/1600x1200.jpg)

## Summary

Flip Card Component

## Description

Click or touch to reveal image/video content on both sides with smooth hover gestures, auto-flip magic, bouncy animations, and fully customizable.

Key Features:

Interactions: Click/tap to flip + hover preview (desktop), touch gestures (mobile)

Front/Back media: Images + Video (Cover, Contain, Fill)

Styling: Individual text colors, overlay colors/opacity, border radius (front/back/separate)

Typography: Custom fonts (Tally Hover Slab, Inter), scalable text

Animations: Speed, duration, easing curves, bounce intensity, auto-flip toggle

Flip direction: Horizontal or Vertical

**Perfect for portfolios that wow, product showcases that convert, and storytelling that captivates!** 🚀

**Customization** ⚙️

After completing your purchase, you will receive a link to the component.

 Copy the URL and paste it into your Framer project to import it.

 **Set up:**

Drag the Component into your Canvas.

Set the Width and Height, add padding.

Adjust in Control Panel

Add Content

**Refund Policy** 💎

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

**Support** 🆘

For any queries and help setting up the component, contact [Atemo.studio@proton.me](mailto:Atemo.studio@proton.me)   

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

-   All · #2375

## Details

- **Author**: Atemo Art
- **Published**: 2026-04-09
- **Updated**: 2026-04-09
- **Added**: 2026-03-26
- **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