A headless, lightweight wrapper for react-hook-form that handles step state and per-step validation with zero UI opinions.
If you've ever built a multi-step form in React, you know the drill:
Track which step the user is on
Validate only the current step's fields before moving forward
Register/unregister fields as steps change
Wire up Back/Next/Submit navigation
Keep it all in sync with react-hook-form
You write this logic once. Then you write it again on the next project. And again. Each time it's slightly different, slightly buggy, and tightly coupled to whatever UI library you're using.
I got tired of it, so I built rhf-stepper.
What is rhf-stepper?
It's a headless logic layer on top of react-hook-form. It manages step state, field registration, and per-step validation — but it renders zero UI. No buttons, no step indicators, no CSS. You bring your own.
That means it works with MUI, Ant Design, Chakra UI, Tailwind, plain HTML — anything.
A Quick
Discussion
Start the conversation
Your voice can be the first to spark an engaging conversation.