---
title: "Cards Hover Section — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ahmet Loca · Sections. Cards Hover Section CardsHoverSection is a cinematic dual-row image gallery for Framer."
canonical: "https://framer.elliotli.dev/component/cards-hover-section"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Cards Hover Section

# Cards Hover Section

Interactive hover gallery & modals

[View on Framer](https://framer.com/marketplace/components/cards-hover-section/?via=elliot-li)

![Cards Hover Section preview image 1](https://framer.elliotli.dev/og/component/cards-hover-section/df853757386bdaa9/1600x1200.jpg)

## Summary

Cards Hover Section CardsHoverSection is a cinematic dual-row image gallery for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Gallery Bundle:** [**https://frameze.com/components/category/gallery?ref=bundles**](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

## Rank history [How rankings work →](/terms#rankings)

-   All · #8419

## Details

- **Author**: Ahmet Loca
- **Price**: $5.00
- **Published**: 2026-07-16
- **Updated**: 2026-09-30
- **Added**: 2026-07-16
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove