paxcode-it/zodify-forms

README

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.