---
title: "Gallery Accordion — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Shouvik Biswas · Accordions. Fluid Bi-Directional Image Gallery"
canonical: "https://framer.elliotli.dev/component/gallery-accordion"
---

[Home](/)/[Components](/components)/[Accordions](/components/category/accordions)/Gallery Accordion

# Gallery Accordion

Fluid Bi-Directional Image Gallery

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

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

## Summary

Fluid Bi-Directional Image Gallery

## Description

A highly customizable media accordion designed to fluidly expand active images and optimize spatial hierarchy within your layout.

## Features

-   Bi-directional layout orientation for adapting the gallery structure to diverse viewport dimensions.
    
-   Individual overlay and typography assignments for giving every image a unique text label and matching color tint.
    
-   Variable expansion scaling for dictating the spatial dominance of the active media panel.
    
-   Layered backdrop blurs and gradients for ensuring crisp text legibility across complex images.
    
-   Integrated typography configuration for establishing clear narrative hierarchy within each panel.
    
-   Customizable spacing and edge constraints for aligning the component with your broader visual system.
    
-   Adjustable animation pacing for shaping the precise rhythm and feel of the expansion interaction.
    
-   Dynamic peripheral desaturation for focusing user attention by stripping color from inactive items on hover.
    
-   Bi-directional arrow key listening for enabling instant, fluid panel navigation via keyboard controls.
    
-   Seamless responsive layout shifts for maintaining layout integrity across dynamic viewport resize adjustments.
    
-   Intelligent image cropping physics for preserving asset composition through fluid container aspect ratio changes.
    
-   Structured property panels and intuitive labels for executing clear, friction-free design customizations.
    

## How to Use

-   Drag the component onto your Framer canvas.
    
-   Customize to match your branding.
    
-   Publish your project to view your component live.
    

_Transform static media into a fluid, cinematic browsing rhythm._

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

-   All · #5667

## Details

- **Author**: Shouvik Biswas
- **Price**: $8.00
- **Published**: 2026-06-20
- **Updated**: 2026-07-25
- **Added**: 2026-06-20
- **Categories**: Accordions

## More like this

-   [Fold Rows](/component/fold-rows) — H SHIFT WORKS · Free — Accordion for FAQs and services
-   [FaqX Faq Accordion](/component/faqx-faq-accordion) — Themomarket · $8 — Accordion FAQ Section
-   [FAQ - Minimal](/component/faq-minimal) — VectorFlow Studio · $3 — Interactive dark mode FAQ stack
-   [FAQ Accordion Search](/component/faq-accordion-search) — Russet Supply · $5 — Searchable FAQ accordion with categories