shadcn-ui-form-builder

Shadcn/ui Form Builder Awesome WYSIWYG codegen Shadcn/ui Form Builder Demo · Report Bug · Request Feature Table of Contents Table of Contents About The Project Installation Usage Roadmap Contributing License Contact Acknowledgments About The Project [![Product Name Screen Shot][product-screenshot]](https://forms.ouassim.tech) Creating forms has never been simpler, thanks to shadcn/ui and React Hook Form. But what if we took it a step further? Imagine if you could simply select the input fields you need, and the rest was done for you—automatically: Generate a Zod schema tailored to your selected fields. Create complete form code, fully integrated with your chosen fields. Include validation, default values, and more advanced configurations. With just a few clicks, your form could be ready to go! ( back to top ) Installation Clone the repo Navigate to project dir Install NPM packages ( back to top ) Usage Start the dev server Open your browser and navigate to http://localhost:3000 to see the application in action. ( back to top ) Roadmap [ ] Ability to have multiple fields on one line and to re-arrange them as you want. [ ] Add More fields [ ] File input [ ] OTP input