---
title: "Process Accordion — Framer component · Best of Framer"
description: "$8.00 · Framer component · by ANIMESH MONDAL · Accordions. A premium, cinematic process accordion for Framer — perfect for agencies, SaaS, and portfolio sites that need to showcase steps,…"
canonical: "https://framer.elliotli.dev/component/process-accordion"
---

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

# Process Accordion

Video, Gallery & Swipe Enabled

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

![Process Accordion preview image 1](https://framer.elliotli.dev/og/component/process-accordion/99b6ac6689e2cbe1/1600x1200.jpg)

## Summary

A premium, cinematic process accordion for Framer — perfect for agencies, SaaS, and portfolio sites that need to showcase steps, services, or workflows with style.

## Description

A premium, cinematic process accordion for Framer — perfect for agencies, SaaS, and portfolio sites that need to showcase steps, services, or workflows with style.

Features:

\- Horizontal & vertical layout modes

\- Image AND video support per step

\- Mini gallery with thumbnail switching

\- Swipe gesture navigation (mobile-friendly)

\- Keyboard arrow key navigation

\- Auto-play with customizable interval

\- Cinematic film grain + vignette overlay

\- Fully customizable fonts, colors & radius

\- onStepChange event handler for CMS/interaction linking

Fully responsive, no code required — just drop in and customize via Property Controls. Ideal for agency websites, product launches, onboarding flows, and case study pages.

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

-   All · #7957

## Details

- **Author**: ANIMESH MONDAL
- **Price**: $8.00
- **Published**: 2026-07-29
- **Updated**: 2026-07-29
- **Added**: 2026-07-29
- **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