---
title: "Accordion Gallery X — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Accordions. Accordion Gallery X is a click-to-expand gallery for Framer."
canonical: "https://framer.elliotli.dev/component/accordion-gallery-x"
---

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

# Accordion Gallery X

Click-to-expand cinematic gallery

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

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

## Summary

Accordion Gallery X is a click-to-expand gallery for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

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

**✦ Carousel Bundle:** [**https://frameze.com/components/category/carousels?ref=bundles**](https://frameze.com/components/category/carousels?ref=bundles)

## **About Accordion Gallery X**

Accordion Gallery X is a click-to-expand gallery for Framer. Each card starts as a slim vertical strip and expands on click into a full-cover image, shifting from grayscale to color with a subtle parallax move. Name, an animated divider, job title, and a CTA button fade in with staggered timing as the card opens.

On mobile, the layout switches to a vertical stack with height-based animation and full touch support, no extra setup needed.

**Live Preview:** [**https://accordiongalleryx.framer.website/**](https://accordiongalleryx.framer.website/)

**Features**

-   Click-to-expand accordion layout
    
-   Grayscale-to-color transition with parallax shift
    
-   Staggered fade-in for name, title, and CTA
    
-   Customizable divider and CTA button
    
-   Automatic vertical stack on mobile
    
-   Full touch support, no extra configuration
    

**Use Cases**

-   Speaker lineup and conference pages
    
-   Team and people directory sections
    
-   Photography and portfolio galleries
    
-   Fashion and editorial layouts
    
-   Event and festival websites
    
-   Architecture and interior showcases
    

**Keywords**

accordion gallery framer, click expand gallery, speaker gallery, team gallery framer, horizontal accordion, image accordion framer, parallax gallery, staggered reveal animation, grayscale to color transition, cinematic card gallery, mobile accordion

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

-   All · #3212

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-07-12
- **Updated**: 2026-09-30
- **Added**: 2026-07-12
- **Categories**: Accordions

## More like this

-   [Reel Accordion](/component/reel-accordion) — Lamin Touray · Free — Services that play as you hover
-   [AnswerVault](/component/answervault) — knokknokD · $12 — AnswerVault handles the quiet production details that make a FAQ useful after launch: searchable answers, category filtering, crawlable…
-   [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