---
title: "AccordGallery — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Galleries. AccordGallery transforms your visuals into a living, breathing interactive experience.Each image smoothly expands on hover while…"
canonical: "https://framer.elliotli.dev/component/accordgallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/AccordGallery

# AccordGallery

Cinematic Image Accordion & Captions.

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

![AccordGallery preview image 1](https://framer.elliotli.dev/og/component/accordgallery/be5184c050941de5/1600x1200.jpg)

## Summary

AccordGallery transforms your visuals into a living, breathing interactive experience.Each image smoothly expands on hover while elegantly revealing its caption creating a…

## Description

AccordGallery transforms your visuals into a living, breathing interactive experience.Each image smoothly expands on hover while elegantly revealing its caption creating a cinematic accordion effect that draws attention and elevates storytelling.

This premium Framer component supports **up to 6 images**, includes seamless animations, and gives you full control over every design element from radius to typography.

**Key Features**

-   🖼️ **Hover Expansion Animation** – Beautifully enlarges the hovered image with smooth transitions.
    
-   ✨ **Default Open Selection** – Choose which image stays open by default when the page loads.
    
-   🧠 **Dynamic Captions** – Add text labels or titles to each image with flexible styling.
    
-   ⚙️ **Fully Customizable Design** – Modify background, border radius, text font, size, height, and padding.
    
-   🎞️ **Built-in Motion Effects** – Includes subtle scaling, smooth easing, and hover transitions.
    
-   📱 **Responsive Layout** – Automatically adjusts across devices.
    
-   🧩 **Up to 6 Images Supported** – Easily upload, rearrange, and personalize.
    

**Perfect For**

-   AI or photography showcases
    
-   Creative agency portfolios
    
-   Product and feature reveals
    
-   Team member introductions
    
-   Landing page hero sections
    

**Customization Options**

-   🖼️ ImagesUpload up to 6 images
    
-   🎨 BackgroundSet gallery background color
    
-   🟣 RadiusAdjust corner roundness
    
-   📏 Item HeightSet image panel height
    
-   🧱 PaddingControl spacing between items
    
-   ✍️ Text FontChoose font family for captions
    
-   🔤 Text SizeAdjust caption font size
    
-   🌈 Text ColorChange caption color
    
-   ⚙️ Default ImageSelect which image opens as default
    
-   💫 AnimationEnable hover scaling transitions
    

**Experience**

Hover, animate, and engage **AccordGallery** turns static visuals into dynamic, story driven showcases that instantly captivate viewers.

Customization:

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-71ol9ebd-7ipNKYDgYiKI4C78pnCR4WWMpCKjqq)

### SEO Keywords

Interactive Gallery, Image Accordion, Framer Portfolio Component, Hover Animation, Product Showcase, AI Art Gallery, Responsive Slider, Creative Agency UI, Cinematic Motion, Framer CMS Compatible, Animated Gallery, Visual Storytelling, Modern Web UI, Portfolio Grid, Image Hover Effects

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

-   All · #6841

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-10-13
- **Updated**: 2026-04-14
- **Added**: 2025-10-06
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery