Skip to content

component

Hover Media Cards

By Ahmet Loca

Details

Summary

Hover Media Cards is an interactive image and video card component for Framer.

Description

MORE FRAMER COMPONENTS LIKE THIS ✦ Browse +38 FREE + 85 premium components: https://frameze.com/components ✦ Get everything for one price: https://ahmetloca.dub.link/allcomponents About Hover Media Cards Hover Media Cards is an interactive image and video card component for Framer. Cards expand on hover with a smooth blur and reveal animation, showing a title, subtitles and a call-to-action button. Supports 2–3 columns, per-card glow, badges and custom overlays. Fully responsive with mobile tap support. Perfect for portfolios, agencies and landing pages. Expand on hover — active card grows wider with a smooth flex-grow animation Blur & reveal — image blurs as title, subtitles and CTA fade in with depth Image & video support — upload via Framer or paste any external video URL Staggered animations — title, subtitles and arrow cascade in with timed delay Glow effect — optional soft glow highlights the hovered card edge Per-card overlay color — set a unique tint color for each card individually Badge & tag system — add labels like NEW or SALE with custom colors per card 3 arrow styles — circle outline, filled button or no arrow 3 content alignments — bottom-left, bottom-center or vertically centered 7 aspect ratios — auto, 21:9, 16:9, 4:3, 1:1, 3:4 and 9:16 Mobile responsive — stacks vertically with tap-to-reveal on touch devices Live Preview: https://hovermediacards.framer.website/ Use Cases Portfolio & personal branding websites Creative agency & studio showcase pages Fashion, lifestyle & lookbook sections Photography & visual storytelling galleries Film, media & production company sites Architecture & interior design portfolios Product & service feature highlight sections Real estate & property listing pages Travel & hospitality brand websites SaaS marketing & feature overview pages Keywords hover media cards framer, hover reveal cards, image cards, video cards, hover cards framer, interactive cards framer, blur reveal, card grid, expand on hover, animated cards

Introduction

Hover Reveal Cards, Smooth Motion

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200128108/148/228/309/79/15
  • All · #2536