About Cards Hover Section

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Gallery Bundle: https://frameze.com/components/category/gallery?ref=bundles

About Cards Hover Section

CardsHoverSection is a cinematic dual-row image gallery for Framer. Hover any image and it lifts and brightens while its neighbors dim in a smooth falloff, built with pure CSS. Click on any image to open a fully animated modal, with a customizable tag, title, description and call-to-action button. Perfect for bold, editorial-style brand sections that need real personality.

Smooth CSS-only hover lift and brightness falloff
Two independent rows with optional infinite auto-scroll marquee
Top and bottom rows can scroll in opposite directions
Click any image to open an animated detail modal
Modal supports tag, title, description, button label and link
Button links to internal Framer pages or external URLs
Native Framer font pickers for title and description text
Full color controls for tag, button and close icon styling
Edge fade mask hides hard row edges during auto-scroll
Keyboard accessible with focus trap and Escape to close
Fully responsive and works out of the box, no setup needed

Use Cases

Portfolio and personal branding websites

Creative agency and studio pages

Motorcycle, automotive and lifestyle brand sites

Fashion and streetwear landing pages

Team and about pages with rich member bios

Product showcase and feature sections

Photography and visual storytelling sites

Event and conference websites

Editorial and magazine-style layouts Music, culture and entertainment brand sites

Keywords

hover image gallery, dual row gallery, auto scroll marquee, image hover effect, framer image gallery, animated modal framer, hover lift effect, image reveal card, cinematic hover gallery, marquee component, gallery with modal popup, image showcase, hover dim effect, brightness hover animation, scrolling image row, native font control, accessible modal