multi-step-form

SmartStepper is a modern, customizable React stepper component for building multi-step forms, wizards, and onboarding flows. Integrates seamlessly with react-hook-form, supports Yup/Zod validation, and offers a flexible, config-driven API, and more.

react javascript typescript react-component stepper react-stepper multi-step-form smart-stepper react-multi-step react-state-machine

Updated Jul 1, 2025
TypeScript

AmeyaJain-25 / awesome-react-stepper

Star 37

Highly Customizable Multi Stepper Component for React npm package to make your Stepper customized according the requirement of the theme.

javascript npm-package stepper react-stepper multi-stepper multi-step-form

Updated Sep 18, 2024
TypeScript

z2lai / react-emotion-multi-step-form

Star 32

React multi-step form library with Emotion styling

react forms react-library emotion form-builder react-context react-hooks custom-hooks multi-step-form

Updated Jan 6, 2023
JavaScript

thisissandipp / multi-page-form-with-bloc

Star 24

Learn how to build a multi-step form flow and how to use bloc to effectively isolate the presentation layer from the business logic layer.

flutter flutter-examples flutter-bloc multi-step-form

Updated Jun 22, 2022
Dart

rbhachu / redux-multi-step-form

Star 20

React Redux Multi-Step Signup Form. Created with React, Redux Toolkit, and SASS. Plus React Lazy Load for Component loading.

react redux sass lazy-loading contact-form react-testing-library multi-step-form redux-toolkit

Updated Oct 11, 2021
JavaScript

formik-stepper

Riyad-Arafat / formik-stepper

Star 16

Formik stepper, Form with Multiple Steps, This is a reusable and scalable React component based on the formik library

react validation reactjs validator form form-validation stepper form-validation-react formik multi-steps multi-step-form yup-validation stepper-form

Updated Dec 14, 2024
TypeScript

rahulrajput83 / Multi-Step-Form

Star 9

Multi Step Form with Progress Bar. Created with pure HTML, CSS and Javascript.

css html progress-bar multi-step-form

Updated Jun 17, 2022
HTML

all-my-frontend-mini-projects / Multi-step-form_frontend_project

Star 9

Experience seamless sign-up with the Multi-Step Form Component! This webpage features a multi-step form for signing up for a package, allowing users to complete each step of the sequence, go back to a previous step to update their selections, and see a summary of their selections on the final step before confirming their order.

nodejs css html responsive reactjs nextjs vanilla-javascript mern-stack multi-step-form frontend-project

Updated Oct 10, 2024
JavaScript

Chanda-Abdul / Angular-Multi-step-form

Star 9

This is a solution to the Multi-Step Form Challenge on Frontend Mentor using Angular.

angular rxjs material-ui scss reactive-forms frontend-mentor multi-step-form

Updated Mar 16, 2023
SCSS

skincare-routine-builder

matija2209 / skincare-routine-builder

Star 8

A comprehensive multi-step form application that helps users create personalized skincare routines based on their skin type, goals, and preferences. Built with React, Zustand, FastAPI, and Docker.

react docker typescript conditional-logic skincare fastapi multi-step-form zustand