Skip to content

🧙 WizardFormDeclarative, type-safe wizard framework for TypeScript

Build powerful multi-step forms with confidence

WizardForm Logo

Quick Start ​

Install the core package:

bash
npm install @gooonzick/wizard-core

For React integration:

bash
npm install @gooonzick/wizard-react

Define Your First Wizard ​

typescript
import { createWizard } from "@gooonzick/wizard-core";

const wizard = createWizard()
  .addStep({
    id: "personal-info",
    validate: (data) => {
      if (!data.name) return { valid: false, errors: ["Name is required"] };
      return { valid: true };
    },
  })
  .addStep({
    id: "contact-info",
    validate: (data) => {
      if (!data.email) return { valid: false, errors: ["Email is required"] };
      return { valid: true };
    },
  })
  .build();

Next Steps ​

Released under the MIT License.