I built a headless multi-step form library for react-hook-form

I kept rebuilding multi-step form logic on every project — step state, per-step validation, field registration — so I extracted it into a tiny library.

rhf-stepper is a headless logic layer on top of react-hook-form. It handles step management and validation but renders zero UI. You bring your own components — MUI, Ant Design, Tailwind, plain HTML, whatever.

<Form form={form} onSubmit={handleSubmit}>
  {({ currentStep }) => (
    <>
      <Step>{currentStep === 0 && <PersonalInfo />}</Step>
      <Step>{currentStep === 1 && <Address />}</Step>
      <Navigation />
    </>
  )}
</Form>

That's it. No CSS to override, no theme conflicts.

Docs (with live demos): https://rhf-stepper-docs-git-master-omerrkosars-projects.vercel.app

GitHub: https://github.com/omerrkosar/rhf-stepper

NPM: https://www.npmjs.com/package/rhf-stepper

Would love feedback!