JSON powered / Dynamic forms in Angular
Formly is a dynamic (JSON powered) form library for Angular that brings unmatched maintainability to your application's forms.
Features
- Automatic forms generation
- Easy to extend with custom field types, validation, wrappers and extensions.
- ️ Supports multiple schemas:
- Formly Schema (core)
- JSON Schema
- A bunch of themes, out of the box!
- Built on top of Angular Reactive Forms
- @eggheadio course - 20 lessons & 78 minutes
Docs
Resources
- How to auto-generate advanced forms using Formly
- Build Fast, JSON-Powered Forms on Angular With Ngx Formly
- How to Build Fast, Advanced JSON-Powered Forms on Angular With ngx-formly
Supported UI libs
| UI | ||
|---|---|---|
| Bootstrap | Demo | StackBlitz |
| Material2 | Demo | StackBlitz |
| Ionic | Demo | StackBlitz |
| PrimeNG | Demo | StackBlitz |
| Kendo | Demo | StackBlitz |
| NG-ZORRO | Demo | StackBlitz |
| NativeScript |
Which Version to use?
| Angular version | Formly version | Migration |
|---|---|---|
| Angular >= 20 | @ngx-formly/core@9.x |
Upgrade to v9 |
| Angular >= 19 | @ngx-formly/core@8.x |
Upgrade to v8 |
| Angular >= 18 | @ngx-formly/core@7.x |
Upgrade to v7 |
| Angular >= 13 | @ngx-formly/core@6.x |
Upgrade to v6 |
| Angular >= 7 | @ngx-formly/core@5.x |
Upgrade to v5 |
| Angular >= 6 | @ngx-formly/core@4.x |
|
| Angular >= 5 | @ngx-formly/core@3.x |
|
| Angular >= 4 | @ngx-formly/core@2.x |
Upgrade to v2 |
| Angular >= 2 | ng-formly@1.x |
Upgrading to v9
Formly v9 requires Angular 20 or newer. Upgrade Angular first, then update all
@ngx-formly/* packages used by your application together to v9.
The Material, PrimeNG, and NG-ZORRO integrations require version 20 or newer of
their respective UI libraries. Kendo requires version 19.1 or newer, and NativeScript
requires @nativescript/angular 20 or newer. Applications staying on Angular 19 should
use Formly v8; applications staying on Angular 18 should use Formly v7.
PrimeNG datepicker fields no longer accept monthNavigator, yearNavigator, or
yearRange, which PrimeNG 20 removed. Replace @primeng/themes imports with
@primeuix/themes when configuring a PrimeNG theme.
See the v9 upgrade guide for migration steps and the changelog for the full list of changes.
Core Team
Abdellatif Ait boudad |
Juri Strumpflohner |
Mohammed Zama Khan |
Bram Borggreve |
Keni Steward |
Max Kless |
Contributors
Thanks goes to these wonderful people:
