@ngx-formly/material

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

- Get Started
- Themes
- Examples

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 |
| --------------- | ---------------------- |
| Angular >= 18 | @ngx-formly/core@7.x |
| Angular >= 13 | @ngx-formly/core@6.x |
| Angular >= 7 | @ngx-formly/core@5.x |
| Angular >= 6 | @ngx-formly/core@4.x |
| Angular >= 5 | @ngx-formly/core@3.x |
| Angular >= 4 | @ngx-formly/core@2.x |
| Angular >= 2 | ng-formly@1.x |

Core Team

Abdellatif Ait boudad

Juri Strumpflohner

Mohammed Zama Khan

Bram Borggreve

Keni Steward

Max Kless

Contributors

Thanks goes to these wonderful people: