---
title: "Multi Step Form — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Nabeel · Forms. Divide native forms into multiple steps"
canonical: "https://framer.elliotli.dev/component/multi-step-form"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Multi Step Form

# Multi Step Form

Divide native forms into multiple steps

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

![Multi Step Form preview image 1](https://framer.elliotli.dev/og/component/multi-step-form/fb5bfdbd77733054/1600x1200.jpg)

## Summary

Divide native forms into multiple steps

## Description

## About

This is a set of powerful navigation components for creating multi-step forms in Framer. The components allow you to divide your form into separate sections for a better user experience, showing only one section at a time - any way you want. These components work with Framer's native form functionality, meaning you can still use Framer's built-in email sending or Google Sheets integration while providing a more user-friendly experience.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Remix the example file. You should be able to see two components - the divider (next button) and the previous button.
    
2.  Within your Form element, place the Divider component where you want to split your form into sections.
    
3.  Add the PreviousBlock component wherever you want to allow users to navigate back to previous sections.
    
4.  Customize the styling of both components using the property controls to match your design.
    
5.  No additional setup is required - the components will automatically handle the multi-step functionality. Users can now navigate through your form sections using the Next and Previous buttons. The components validate required fields before allowing progression to the next section.
    
6.  Your form will still work with Framer's native email sending or Google Sheets integration so you can set it up in the parent form component
    
7.  For advanced customization, you can set them to absolute position and set opacity to 0 to customize it even further based on your own layers.
    

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-acq7jb43-YJ8QHtVgYW44r8AiAALTp8KqwqVJwy)

This implementation works with Framers native custom forms with two components:

1.  The divider or the next button which divides the form based on your preference
    
2.  The previous button - which simulate going back to the previous stepp
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-acq7jb43-2ySFq5MUNBlLQNvolcZPhqTFsY01uK)

Place the Divider component at the end of each form section to create natural breaking points. Add the PreviousBlock component anywhere to allow users to navigate back to previous sections. Both components are highly customizable with properties for styling, transitions, and behavior control.

Alternatively, you can set them to absolute position and set opacity to 0 to customize it even further based on your own layers.

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

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

-   All · #9668

## Details

- **Author**: Nabeel
- **Price**: $19.00
- **Published**: 2025-09-01
- **Updated**: 2026-01-26
- **Added**: 2025-08-18
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from