About Component
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, framer marquee component, gallery with modal popup, image showcase framer, hover dim effect, brightness hover animation, scrolling image row, framer native font control, accessible modal framer, dark gallery component, card hover framer, click to expand gallery
About Component
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, framer marquee component, gallery with modal popup, image showcase framer, hover dim effect, brightness hover animation, scrolling image row, framer native font control, accessible modal framer, dark gallery component, card hover framer, click to expand gallery
Ahmet Loca
