https://github.com/paxcode-it/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.
https://github.com/paxcode-it/zodify-forms
code-generation form-generator form-validation react reacthookform zod zod-to-fields
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/paxcode-it/zodify-forms
- Owner: paxcode-it
- License: mit
- Created: 2023-11-11T14:14:27.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-27T18:14:31.000Z (over 1 year ago)
- Last Synced: 2024-07-28T17:25:19.535Z (over 1 year ago)
- Topics: code-generation, form-generator, form-validation, react, reacthookform, zod, zod-to-fields
- Homepage:
- Size: 273 KB
- Stars: 6
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ZodifyForms :zap:
**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.
## :film_projector: Demo
Watch how ZodifyForms works:
## :star: Key Features
- **Schema to Form Conversion**: :memo: 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**: :lock: Ensures type safety throughout your form, thanks to Zod's schema validation.
- **Customizable Styles**: :art: Comes with default styling but offers easy customization to align with your application's design language.
- **Extensible Field Types**: :wrench: 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.
## :package: Installation
```bash
npm install zodify-forms
```
## :rocket: 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.
## :raising_hand: Contributions
Contributions, suggestions, and feedback are welcome to make **ZodifyForms** more robust and versatile. Please refer to the contributing guidelines for more information.