An Angular 2+ module that generates HTML forms from JSON Schema definitions.
Ngx Schema Form is an Angular 2+ library that automatically generates HTML forms from JSON Schema definitions. It allows developers to define form structure, validation rules, and UI widgets using JSON, eliminating the need to manually write repetitive form markup and validation logic. The library supports custom widgets, conditional field visibility, and advanced validation, making it ideal for dynamic form scenarios.
Angular developers building data-driven applications that require dynamic, schema-based forms, such as admin panels, configuration interfaces, or any system where form structure is defined externally or changes frequently.
Developers choose Ngx Schema Form because it drastically reduces form-related boilerplate code, ensures forms are consistent with JSON Schema validation, and provides extensibility through custom widgets and validators. Its declarative approach simplifies complex form logic and enhances maintainability compared to manual form construction.
HTML form generation based on JSON Schema
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Generates forms directly from JSON Schema, eliminating manual HTML and validation boilerplate, as shown in the simple login form example with automatic field creation.
Supports custom UI widgets and overrides, such as the TinyMCE richtext editor, allowing specialized inputs without core library modifications.
Implements conditional visibility with visibleIf, including expressions and array paths, enabling adaptive forms based on user input, like showing fields only when checkboxes are checked.
Allows custom validators beyond JSON Schema, such as cross-field password confirmation, demonstrated in the advanced validation example with a validators map.
Separate from the popular angular-schema-form for Angular 1, leading to a smaller community and fewer third-party widgets or resources.
Requires deep understanding of JSON Schema and custom widget registration, adding initial learning curve compared to standard Angular reactive forms.
The custom widget API is noted as not completely defined and might change, posing maintenance challenges for long-term projects relying on extensibility.