Video Card

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.