Video Reveal Cards

Video Reveal Card – Hover-to-Expand Service Card with Video Background

Video Reveal Card is a modern, interactive Framer component that transforms a simple service card into a bold, immersive showcase. Instead of showing every detail at once, it displays a minimal card with an icon and title over a looping video background by default, and expands to reveal the full description and a CTA button the moment a visitor hovers. The smooth expand animation and video motion give your services, features, or offerings a premium, agency-grade feel with almost no setup required.

Hover-to-Expand Video Interaction

• Expands to reveal the description and CTA arrow button on hover.

• Video plays continuously in the background for constant motion and depth.

• Icon and title stay visible in both default and expanded states.

• Smooth height, opacity, and easing transitions feel natural and responsive.

• Fully responsive and optimized for modern GPU-accelerated performance.

Customizable Design Controls Video Reveal Card includes full Framer property controls so you can instantly match it to your brand or layout.

Customize

• Icon – Assign a unique icon to the card.

• Icon Fill – Set the icon's fill color.

• Text – Edit the description that appears on hover.

• File – Upload the background video file per card.

• Title Color & Size – Adjust the title's color and font size.

• Text Color & Size – Adjust the description's color and font size.

• Transition – Choose the easing style for the hover expand animation.

How It Works Video Reveal Card tracks the cursor's hover state on the card. When a visitor hovers, the component smoothly animates the card open, expanding its height and fading in the description and CTA button while the background video continues playing. When the cursor moves away, the card gracefully collapses back to its default state, ready for the next interaction.