---
title: "Photo Video Flip — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Aidan Looker · Cards. What is Photo Video Flip?"
canonical: "https://framer.elliotli.dev/component/photo-video-flip"
---

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

# Photo Video Flip

Turn any photo into a video reveal card.

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

![Photo Video Flip preview image 1](https://framer.elliotli.dev/og/component/photo-video-flip/02a1b04e17422292/1600x1200.jpg)

## Summary

What is Photo Video Flip?

## Description

## What is Photo Video Flip?

Photo Video Flip pairs a static image with an embedded video in a smooth 3D flip card. Front side holds your hero image, title, and subtitle. Click or hover to flip — the back side plays a video with an optional CTA overlay. Ideal for e-commerce product reveals, brand storytelling, agency portfolios, and any layout where you need to pack two media types into a single, interactive card.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   3D flip animation with adjustable speed and smooth cubic-bezier easing
    
-   Cursor-tracking 3D tilt effect with spring physics for a premium, responsive feel
    
-   Full video controls: autoplay on flip, loop, muted, and playback speed
    
-   Back side overlay with optional title, CTA button, and gradient for text readability
    
-   4 built-in themes (Minimal Dark, Minimal Light, Vibrant, Custom) with full color override
    
-   Separate font controls for title, subtitle, back title, and CTA text
    

## Controls inside Framer

### Front Content

-   Photo (responsive image upload)
    
-   Title
    
-   Subtitle
    

### Video

-   Video File (drag-and-drop upload)
    
-   Video URL (external link fallback)
    

### Theme

-   Theme preset selector (Minimal Dark, Minimal Light, Vibrant, Custom)
    
-   Custom Colors: Card BG, Text Primary, Text Secondary, Video Overlay, Border, CTA Button BG, CTA Button Text
    

### Card Style

-   Corner Radius
    
-   Inner Padding
    
-   Shadow Intensity
    

### Video Settings

-   Autoplay on Flip
    
-   Loop
    
-   Muted
    
-   Playback Speed
    

### Back Overlay

-   Show Overlay toggle
    
-   Overlay Opacity
    
-   Back Title
    
-   CTA Text
    
-   CTA Link
    

### Behavior

-   Flip Trigger (Click / Hover)
    
-   Flip Speed
    
-   3D Tilt toggle
    
-   Auto Flip Back with configurable delay
    

### Typography

-   Title Font
    
-   Subtitle Font
    
-   Back Title Font
    
-   CTA Font
    

## Best use cases

-   E-commerce product cards that reveal runway or lifestyle video on interaction
    
-   Agency and portfolio sites showcasing project photos with behind-the-scenes footage
    
-   SaaS landing pages pairing feature screenshots with product demo videos
    
-   Event and hospitality pages highlighting venues with promotional video content
    

One component. Two sides. Add depth and engagement to any Framer page in seconds.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).

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

-   All · #10494

## Details

- **Author**: Aidan Looker
- **Price**: $7.00
- **Published**: 2026-04-03
- **Updated**: 2026-06-13
- **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