Aisol Process Steps - CMS how-it-works section for Framer

9.00A how-it-works section for Framer that runs on your CMS collection: numbered steps with a connecting rail, vertical or horizontal, revealed in view and finished on the canvas.

What you get

- One Framer code component (Aisol Process Steps), delivered as a Component URL.

- Per-step controls: eyebrow, title, description, image, alt text and a link on the title.

- A component slot per step, so a CMS collection drives the section directly.

- Free updates.

How it behaves

- Reveal without measuring: steps fade in as they enter the viewport, using an observer on the component's own items. No scroll listeners, nothing read from the surrounding page.

- Reduced motion is respected: the finished list renders and no observer is created.

- The canvas matches the page: every step renders finished in the Framer editor.

- Accessible by construction: a real ordered list, a heading level you choose, links on titles only, no hover-only information.

- Self-contained: no page scripts, no host-page DOM access, no external requests.

Requirements: any Framer project. No plugins, no external libraries.