component
Video Card
By Shivani Das

Details
- Shivani DasAuthor
- componentType
- 2026-07-17Published
- 2026-07-17Updated
- 2026-07-17Added
- CardsCategories
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.
Introduction
3D Tilt Card
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1173