---
title: "Process Steps Pro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ahmet Loca · Sections. Expandable process steps"
canonical: "https://framer.elliotli.dev/component/process-steps-pro"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Process Steps Pro

# Process Steps Pro

Expandable process steps

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

![Process Steps Pro preview image 1](https://framer.elliotli.dev/og/component/process-steps-pro/afb4f28e84d9e8f4/1600x1200.jpg)

## Summary

Expandable process steps

## Description

## About Process Steps

Process Steps is a process accordion for methodology sections. Two looks: Slider (badge, serif title, gradient accent, rounded steps) and Process (layered cinematic rows, large numbers, no radius). Dark, light and custom palettes. Top-left toggles dark/light. Demo bar switches look, radius, gap, glow and numbers — not theme. Five editable steps open one at a time. Built for interiors, agencies and product pages.

Two design languages in one component

Slider look with badge, accent line and halo

Accessible buttons, aria-expanded, visible focus

Static-safe motion, ResizeObserver and transitions

**Use Cases**

Architecture and interior design studios

Creative agency process pages

Product and SaaS methodology sections

Portfolio and personal branding sites

Construction and fit-out handover stories

Editorial and magazine-style layouts

Event and conference program pages

Hospitality and workplace project sites

Education and workshop landing pages

Brand and service explainer sections

**Keywords**

process steps framer, methodology accordion, how to section framer, expandable steps, process accordion, slider process look, cinematic process list, studio methodology, interior design process, framer how to component, step accordion, dark light process

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

-   All · #1467

## Details

- **Author**: Ahmet Loca
- **Price**: $5.00
- **Published**: 2026-09-15
- **Updated**: 2026-09-30
- **Added**: 2026-09-15
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove