---
title: "Accordion Gallery — Framer component · Best of Framer"
description: "$1.00 · Framer component · by Lennart Ahlfeldt · Galleries. Interactive Elastic Image Tiles"
canonical: "https://framer.elliotli.dev/component/accordion-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Accordion Gallery

# Accordion Gallery

Interactive Elastic Image Tiles

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

![Accordion Gallery preview image 1](https://framer.elliotli.dev/og/component/accordion-gallery/6a8ddabc58fb2fcf/1600x1200.jpg)

## Summary

Interactive Elastic Image Tiles

## Description

This gallery component is built to showcase portfolios, product features, or case studies with a sleek, interactive accordion effect. It transforms static image grids into engaging, tactile elements.

## Key Features

-   **Elastic Interactions:** Smooth hover-to-grow animations. Clicking an item expands it into focus while gracefully shrinking the remaining tiles. Clicking the active item instantly resets the grid to its default state.
    
-   **Flexible Orientation:** Seamlessly toggle between horizontal rows or vertical columns to fit any layout requirement.
    
-   **Precision State Control:** Fine-tune the exact visual hierarchy. Adjust the expansion scale (Hover Growth), inactive shrink ratios, and inactive opacity levels to direct the user's attention exactly where you want it.
    
-   **Fluid Transitions:** Custom duration and easing controls (e.g., cubic-bezier) ensure interactions feel natural, polished, and responsive.
    
-   **Smart Overlays & Labels:** Add integrated, customizable text labels. Control their vertical positioning, typography, text color, and optional background overlays to guarantee readability against any image.
    
-   **Responsive & Adaptive:** Automatically handles varying image ratios while maintaining the structural integrity of the flex layout, ensuring it looks sharp on all breakpoints.
    

**Refunds:** Please note that due to the digital nature of this product, all sales are final. You can review my full Refund & Cancellation Policy [\[here\]](https://lennartworks.de/legal/refund-policy).

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

-   All · #5123

## Details

- **Author**: Lennart Ahlfeldt
- **Price**: $1.00
- **Published**: 2026-04-27
- **Updated**: 2026-05-17
- **Added**: 2026-04-19
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.