React Form Builder is a Drag & Drop Form Builder library for React.
Develop front-end drag and drop forms with ease, resulting in cost savings and reduced development timing.
The product consists of several packages, some packages are distributed under the MIT license, some under the commercial license.
Important: Some features and modules (e.g., Form Designer) are only available under a commercial license.
| Package | Badges | Description |
|---|---|---|
| @react-form-builder/core |
|
The main package responsible for rendering forms. |
| @react-form-builder/components-rsuite |
|
The package with visual components based on React Suite. |
| @react-form-builder/viewer-bundle |
|
The @react-form-builder/core and @react-form-builder/components-rsuite packages built for use on an HTML
page without React.
|
| @react-form-builder/designer |
|
This package contains a visual editor for React components. |
| @react-form-builder/designer-bundle |
|
The @react-form-builder/designer and @react-form-builder/components-rsuite packages built for use on an
HTML page without React.
|
| @react-form-builder/components-rich-text |
|
This package contains visual components based on React Quill. |
| @react-form-builder/components-google-map |
|
The package contains visual components for Google Maps integration. |
| @react-form-builder/components-fast-qr |
|
The package contains visual components based on Fast QR. |
npm install
npm run start- UI-Agnostic Components: Works seamlessly with any UI library (MUI, Ant Design, shadcn/ui and others)
- Pre-Built React Suite Integration: Includes a ready-to-use component library – @react-form-builder/components-rsuite.
- Framework Support:
- Next.js Integration: Seamlessly works with Next.js.
- Remix Compatibility: Fully supports Remix.
- Framework-Agnostic: Can also be used without any framework via CDN.
- Multi-Database Support: Compatible with MySQL, PostgreSQL, MongoDB, SQLite, and more.
- Built-in Validation with Zod: Includes pre-configured validation rules powered by Zod.
- Extensible Validation Support: Works with Yup, AJV, Zod, Superstruct, Joi, and other custom validation libraries.
- Responsive Layouts: Build forms that automatically adapt to all screen sizes.
- Custom Actions: Enhance forms with interactive logic through custom JavaScript code.
- Dynamic Properties: Implement real-time component changes with MobX-powered reactive properties.
- Flexible Storage Options:
- Store complete form definitions as JSON.
- Programmatically generate forms via code.
- Website - formengine.io.
- Demo - demo.formengine.io.
- Documentation - formengine.io/documentation.
For commercial use, please contact [email protected].