About Hover Media Cards
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
