---
title: "Video Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Shivani Das · Cards. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/video-card"
---

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

# Video Card

3D Tilt Card

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

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

## Summary

3D Tilt Card

## Description

### **HUD VideoCard**

VideoCard is a premium, fully customizable media player component built for Framer. It brings the sleek, high-tech aesthetic of futuristic sci-fi HUDs and interactive 3D perspective tilt to your website layouts without heavy package overhead. VideoCard gives you an immersive, responsive media player container that instantly grabs attention.

🏁 **Designed for Modern Layouts**

VideoCard is perfect for high-impact hero media sections, portfolio project showcases, modern dark-themed product landing pages, and interactive presentation cards. Simply place it on your canvas, hook up your video file, and watch your site come to life.

✨ **Features Built for Framer**

-   **Sleek Cyberpunk HUD Styling:** Beautifully detailed with responsive corner accent brackets, glowing segmented play-bars, and customized control rings (solid/dotted) for play/mute triggers.
    
-   **Full Customization:** Control card background color, glowing accent color, maximum tilt angles, seek segment density, and drop shadow styling.
    
-   **Dynamic 3D Hover Tilt:** Smooth cursor-following tilt effect that moves in three dimensions as the mouse drifts over the card.
    
-   **Smart Viewport Optimization:** Automatically pauses video playback whenever the player scrolls out of the viewport and resumes when visible in the viewport.
    

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

-   All · #2177

## Details

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