@syncfusion/ej2-form-renderer

JavaScript Form Renderer

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

The Syncfusion EJ2 Form Renderer is a schema-driven form rendering control. It consumes a JSON form schema and renders a fully functional, Syncfusion-based form that supports field mapping, validations, conditional visibility/disabling, expression-based value computation, custom validation, and data submission.

Key features

• Schema-driven rendering — Consumes a JSON schema describing the form's version, fields, layout, and global settings, then renders the form automatically.
• Supported form fields — Supports 25+ field types in the control.
• Built-in validation — Natively supports validation with required, minLength, maxLength, min, max, regex, auto-applied email/URL regex for textbox with textboxType, and customValidation expression rules.
• Conditional logic — Visbility, required, read only, conditional default value based on conditions with other form fields. The choice-based field filtering for dropdowns, and conditionalData for data grids are also supported.
• Expression — Computed fields with topological evaluation order, cycle detection, and per-target-type coercion.
• Layouts & composition — Single/Two/Three/Four column layouts, panels, tables, tabs, cards, and per-column width control.
• Localization & RTL — Localization and RTL support are available in every rendered Syncfusion control.

Setup

To install the Form Renderer in your application, use the following command.

npm install @syncfusion/ej2-form-renderer

Supported frameworks

The Form Renderer is available in the following list of frameworks.

JavaScript	Angular	React	Vue	ASP.NET Core

Resources

• Documentation
• Theme Studio
• What's New
• Road Map
• E-Books

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+ Syncfusion 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.