/zodify-forms

ZodifyForms is an efficient React form generator leveraging Zod schemas and React Hook Form for creating type-safe, customizable forms with ease. It supports a variety of field types, offers customizable styling, and allows for user-defined function implementations.

MIT LicenseMIT

ZodifyForms ⚡

ZodifyForms is a dynamic React form generator that seamlessly integrates with Zod schemas to create robust, type-safe forms using React Hook Form. Designed for simplicity and efficiency, this library automates the form creation process, transforming Zod schemas into fully functional React forms with minimal effort.

📽️ Demo

Watch how ZodifyForms works:

zodify.forms.mp4

⭐ Key Features

  • Schema to Form Conversion: 📝 Input your Zod schema, and ZodifyForms takes care of generating the corresponding React form.
  • React Hook Form Integration: :hooks: Leverages the power and flexibility of React Hook Form for managing form state, validation, and submission.
  • Type Safety: 🔒 Ensures type safety throughout your form, thanks to Zod's schema validation.
  • Customizable Styles: 🎨 Comes with default styling but offers easy customization to align with your application's design language.
  • Extensible Field Types: 🔧 Supports various field types and is continually updated to include more, such as inputs, selects, checkboxes, and radio buttons.
  • User-Defined Functions: :user: Provides the flexibility to implement your own handleSubmit function and onSuccess/onError callbacks.

📦 Installation

npm install zodify-forms

🚀 Usage

Simply import ZodifyForms into your React project, pass your Zod schema, and let the library do the rest. Detailed documentation and usage examples are available in the repository.

🙋 Contributions

Contributions, suggestions, and feedback are welcome to make ZodifyForms more robust and versatile. Please refer to the contributing guidelines for more information.