@syncfusion/ej2-form-builder
v35.1.37
Published
A package of feature-rich Essential JS 2 form builder component.
Readme
ej2-form-builder
Using this package with an AI coding agent
Before generating Syncfusion code, ask your AI coding agent to run the Syncfusion setup using the following prompt:
Set up this project for Syncfusion before generating code. Fetch and follow the official instructions at https://ai.syncfusion.com, then report the detected platform, installed skill pack, MCP status, and any required licensing action.The setup detects your project’s platform and loads the appropriate Syncfusion skill pack. No Syncfusion account or MCP key is required to install or read Syncfusion agent skills.
Platform reference: https://ai.syncfusion.com/javascript/llms.txt
This package contains the Syncfusion® Essential JS 2 Form Builder component, which allows you to design and generate dynamic forms with a drag-and-drop interface.
Key features
- Drag-and-drop form design - Build forms quickly by dragging and dropping form fields onto the design area and rearranging them as needed.
- Wide range of built-in form components - Use 20+ built-in fields, including text box, dropdown list, combo box, multi-select, date picker, time picker, checkbox, radio button, slider, rating, signature, and file upload.
- Custom components - Extend the Form Builder by registering custom components for specialized fields and business-specific inputs.
- Form field configuration - Define field names, labels, placeholders, validation rules, and other properties from the properties panel.
- Conditional logic - Show or hide form fields dynamically based on values from other fields.
- Dependent dropdowns - Configure cascading dropdowns where the options in one dropdown depend on the selected value of another.
- Expressions - Bind calculated values to form fields using expressions so values update automatically when related fields change.
- Form preview - Preview the designed form at any time before saving or publishing it.
- JSON schema viewing - View the generated JSON schema to understand, validate, and reuse the form definition.
- Save and load form data - Export the designed form as JSON schema and load it back to restore the exact form layout at runtime.
- Responsive rendering - Create forms that adapt seamlessly to desktops, tablets, and mobile devices.
Setup
To install form-builder and its dependent packages, use the following command.
npm install @syncfusion/ej2-form-builderSupported frameworks
Form Builder is available in following list of frameworks.
| JavaScript | React | Angular | ASP.NET Core | ASP.NET MVC | | :-----: | :-----: | :-----: | :-----: | :-----: |
Resources
Support
Product support is available through following mediums.
- Support ticket - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
- Community forum
- GitHub issues
- Request feature or report bug
- Live chat
Changelog
Check the changelog here. Get minor improvements and bug fixes every week to stay up to date with frequent updates.
License and copyright
This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® EULA. To acquire a license for 140+ JavaScript UI components, you can purchase or start a free 30-day trial.
A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
See LICENSE FILE for more info.
© Copyright 2026 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution.
