{"id":30584321,"url":"https://github.com/strlrd-29/shadcn-ui-form-builder","last_synced_at":"2025-08-29T09:03:45.655Z","repository":{"id":261363111,"uuid":"878379577","full_name":"strlrd-29/shadcn-ui-form-builder","owner":"strlrd-29","description":"WYSIWYG shadcn form builder.","archived":false,"fork":false,"pushed_at":"2024-11-20T14:39:41.000Z","size":634,"stargazers_count":68,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-20T15:23:24.497Z","etag":null,"topics":["codegen","nextjs","shadcn-ui"],"latest_commit_sha":null,"homepage":"https://forms.ouassim.tech","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/strlrd-29.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-25T09:30:50.000Z","updated_at":"2024-11-20T14:40:14.000Z","dependencies_parsed_at":"2024-11-06T06:32:59.527Z","dependency_job_id":"94ac0aa7-3ae3-4ecb-af4b-90ef3e01f638","html_url":"https://github.com/strlrd-29/shadcn-ui-form-builder","commit_stats":null,"previous_names":["strlrd-29/shadcn-ui-form-builder"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/strlrd-29/shadcn-ui-form-builder","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strlrd-29%2Fshadcn-ui-form-builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strlrd-29%2Fshadcn-ui-form-builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strlrd-29%2Fshadcn-ui-form-builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strlrd-29%2Fshadcn-ui-form-builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/strlrd-29","download_url":"https://codeload.github.com/strlrd-29/shadcn-ui-form-builder/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strlrd-29%2Fshadcn-ui-form-builder/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272658794,"owners_count":24971604,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-29T02:00:10.610Z","response_time":87,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["codegen","nextjs","shadcn-ui"],"created_at":"2025-08-29T09:03:14.923Z","updated_at":"2025-08-29T09:03:45.644Z","avatar_url":"https://github.com/strlrd-29.png","language":"TypeScript","funding_links":[],"categories":["Tools \u0026 Utilities"],"sub_categories":[],"readme":"\u003ca id=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003ch3 align=\"center\"\u003eShadcn/ui Form Builder\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  Awesome WYSIWYG codegen Shadcn/ui Form Builder\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://forms.ouassim.tech\" target=\"_blank\"\u003eDemo\u003c/a\u003e\n  ·\n  \u003ca href=\"https://github.com/strlrd-29/shadcn-ui-form-builder/issues/new\"\u003eReport Bug\u003c/a\u003e\n  ·\n  \u003ca href=\"https://github.com/strlrd-29/shadcn-ui-form-builder/issues/new\"\u003eRequest Feature\u003c/a\u003e\n\u003c/p\u003e\n\n## Table of Contents\n\n- [Table of Contents](#table-of-contents)\n- [About The Project](#about-the-project)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Roadmap](#roadmap)\n- [Contributing](#contributing)\n- [License](#license)\n- [Contact](#contact)\n- [Acknowledgments](#acknowledgments)\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## About The Project\n\n[![Product Name Screen Shot][product-screenshot]](https://forms.ouassim.tech)\n\nCreating forms has never been simpler, thanks to [shadcn/ui](https://ui.shadcn.com) and [React Hook Form](https://www.react-hook-form.com/). 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:\n\n- Generate a Zod schema tailored to your selected fields.\n- Create complete form code, fully integrated with your chosen fields.\n- Include validation, default values, and more advanced configurations.\n\nWith just a few clicks, your form could be ready to go!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## Installation\n\n1. Clone the repo\n\n   ```sh\n   git clone https://github.com/strlrd-29/shadcn-ui-form-builder\n   ```\n\n2. Navigate to project dir\n\n   ```sh\n   cd shadcn-ui-form-builder\n   ```\n\n3. Install NPM packages\n\n   ```sh\n   pnpm install\n   ```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- USAGE EXAMPLES --\u003e\n\n## Usage\n\nStart the dev server\n\n```sh\npnpm dev\n```\n\nOpen your browser and navigate to [http://localhost:3000](http://localhost:3000) to see the application in action.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ROADMAP --\u003e\n\n## Roadmap\n\n- [ ] Ability to have multiple fields on one line and to re-arrange them as you want.\n- [ ] Add More fields\n  - [ ] File input\n  - [ ] OTP input\n  - [ ] Multi select\n  - [ ] Phone input\n- [ ] Add choice to use [yup](https://github.com/jquense/yup?tab=readme-ov-file) validation\n- [ ] Add Form Templates.\n- [ ] Add more detailed customizations on fields (regex for text inputs for eg.)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003c!-- LICENSE --\u003e\n\n## License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTACT --\u003e\n\n## Contact\n\nGhribi Ouassim Abdelmalek - [@strlrd29](https://twitter.com/strlrd29) - \u003cme@ouassim.tech\u003e\n\nProject Link: [forms.ouassim.tech](https://forms.ouassim.tech)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGMENTS --\u003e\n\n## Acknowledgments\n\n- [hasanharman/form-builder](https://github.com/hasanharman/form-builder)\n- [KryptXBSA/FormBuilder](https://github.com/KryptXBSA/FormBuilder)\n- [shadcn/ui](https://ui.shadcn.com/)\n- [React Hook Form](https://www.react-hook-form.com/)\n- [OpnForm](https://opnform.com/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n[product-screenshot]: public/screenshot.png\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstrlrd-29%2Fshadcn-ui-form-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstrlrd-29%2Fshadcn-ui-form-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstrlrd-29%2Fshadcn-ui-form-builder/lists"}