---
title: "Instagram Video Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Cards. A mockup that plays real videos"
canonical: "https://framer.elliotli.dev/component/instagram-video-card"
---

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

# Instagram Video Card

A mockup that plays real videos

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

![Instagram Video Card preview image 1](https://framer.elliotli.dev/og/component/instagram-video-card/e9051171e6d4cc3c/1600x1200.jpg)

## Summary

A mockup that plays real videos

## Description

Static screenshots of social posts date the moment the UI changes. This card renders the post live, with your video playing inside it.

Three sources: upload an mp4, point at a direct video URL, or paste a YouTube or Vimeo link. Embeds are cover-fitted by hand, so a 16:9 video fills a 4:5 post frame without letterboxing. Focus Y controls the crop.

Every part of the post is a property control. Username, verified badge, subtitle, timestamp, avatar, caption with the truncated "... more", like count, comment count, and two comment rows. Light and dark themes. Corner radius and shadow are yours.

Icons are inline SVG paths. No image assets, no external requests, no CMS required. Autoplay is disabled on canvas so your editor stays quiet.

Drop it into a hero, a testimonial section, or a case study and the post keeps playing.

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

-   All · #2113

## Details

- **Author**: Francisc Toth
- **Published**: 2026-08-18
- **Updated**: 2026-09-14
- **Added**: 2026-08-18
- **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