Accordion How It Wor

Turn any three-step process into a

Accordion How It Works is an interactive Framer component designed to explain a three-step process through expandable content cards and synchronized imagery. Each step includes a number, title, description, call-to-action button, and dedicated image. The accordion format keeps the section compact while allowing visitors to focus on one stage at a time. The component includes responsive desktop, tablet, and mobile layouts. Text, images, colors, spacing, corner radius, and button labels can be customized directly in Framer. Key features: Three interactive accordion steps Synchronized image switching Titles, descriptions, numbering, and CTA buttons Responsive desktop, tablet, and mobile variants Fully editable Framer layers Built with native frames, stacks, and text No code required Easy to customize and reuse Ideal for: How-it-works sections Service workflows Onboarding processes Product explanations Booking journeys Agency presentations Cleaning and home services Delivery, logistics, healthcare, SaaS, and other service businesses

Turn any three-step process into a