Process Step Reveal

Process Step Reveal – A Numbered Process That Opens One Step at a Time

Process Step Reveal lists the steps of how you work as a clean numbered stack. Click a step and it opens to show a large image and a short description, while the other steps fold down to just their number and title. It keeps a full process readable without a long scrolling section.

How it works

• Four numbered steps, with the first one open on load.

• Click any step to open it and close the others.

• The open step shows an image, a highlighted title and a description, marked by an accent line on the left.

• Includes a Mobile variant.

Easy to customize

• Edit each step's number, title, description and image.

• Use it for a design process, onboarding steps, a roadmap or a how-it-works section.

• Drop it into any Framer page and edit it from the properties panel or with your AI agent.