Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ngx-formly/ngx-formly

📝 JSON powered / Dynamic forms for Angular
https://github.com/ngx-formly/ngx-formly

angular bootstrap dynamic-forms formly forms ionic json-forms json-schema kendo-ui material nativescript ng-zorro ng-zorro-antd primeng schematics

Last synced: 3 days ago
JSON representation

📝 JSON powered / Dynamic forms for Angular

Awesome Lists containing this project

README

        







JSON powered / Dynamic forms in Angular


[![Npm version](https://badge.fury.io/js/%40ngx-formly%2Fcore.svg)](https://npmjs.org/package/@ngx-formly/core)
[![Downloads](https://img.shields.io/npm/dm/@ngx-formly/core.svg)](https://npmjs.org/package/@ngx-formly/core)
[![Gitter](https://badges.gitter.im/formly-js/ng2-formly.svg)](https://gitter.im/formly-js/ng2-formly)
[![Build Status](https://github.com/ngx-formly/ngx-formly/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/ngx-formly/ngx-formly/actions/workflows/ci.yml/badge.svg?branch=main)
[![Twitter](https://img.shields.io/badge/[email protected])](https://twitter.com/formlydev)
[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/ngx-formly/ngx-formly)

---

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](https://angular.io/guide/reactive-forms)
- 📹 [@eggheadio course](https://egghead.io/playlists/configuration-based-reactive-angular-forms-with-ngx-formly-465f) - 20 lessons & 78 minutes

## Docs

- [Get Started](https://formly.dev/guide)
- [Themes](https://formly.dev/ui)
- [Examples](https://formly.dev/examples)

## Resources

- [How to auto-generate advanced forms using Formly](https://symflower.com/en/company/blog/2022/how-to-auto-generate-forms-with-formly)
- [Build Fast, JSON-Powered Forms on Angular With Ngx Formly](https://medium.com/better-programming/build-fast-json-powered-forms-on-angular-with-ngx-formly-b7a00733e66e?source=friends_link&sk=34fc6bdc71dd15fd255af18fb3280763)
- [How to Build Fast, Advanced JSON-Powered Forms on Angular With ngx-formly](https://medium.com/better-programming/how-to-build-fast-advanced-json-powered-forms-on-angular-with-ngx-formly-77aeed406f73?source=friends_link&sk=8d4f332458a46557778a3438e8f63581)

#### **Supported UI libs**

| UI | | |
| ------------------------------------------------- | ------------------------------------------------------------ | ----------------------------------------------------------------- |
| [Bootstrap](https://getbootstrap.com) | [Demo](https://formly.dev/ui/bootstrap) | [StackBlitz](https://stackblitz.com/edit/ngx-formly-ui-bootstrap) |
| [Material2](https://github.com/angular/material2) | [Demo](https://formly.dev/ui/material) | [StackBlitz](https://stackblitz.com/edit/ngx-formly-ui-material) |
| [Ionic](https://ionicframework.com) | [Demo](https://formly.dev/ui/ionic) | [StackBlitz](https://stackblitz.com/edit/ngx-formly-ui-ionic) |
| [PrimeNG](http://primefaces.org/primeng/#/) | [Demo](https://formly.dev/ui/primeng) | [StackBlitz](https://stackblitz.com/edit/ngx-formly-ui-primeng) |
| [Kendo](http://www.telerik.com/kendo-angular-ui) | [Demo](https://formly.dev/ui/kendo) | [StackBlitz](https://stackblitz.com/edit/ngx-formly-ui-kendo) |
| [NG-ZORRO](http://ng.ant.design) | | [StackBlitz](https://stackblitz.com/edit/ngx-formly-ui-ng-zorro-antd) |
| [NativeScript](https://www.nativescript.org) | ||

#### **Which Version to use?**

| Angular version | Formly version |
| --------------- | ---------------------- |
| Angular >= 13 | `@ngx-formly/[email protected]` |
| Angular >= 7 | `@ngx-formly/[email protected]` |
| Angular >= 6 | `@ngx-formly/[email protected]` |
| Angular >= 5 | `@ngx-formly/[email protected]` |
| Angular >= 4 | `@ngx-formly/[email protected]` |
| Angular >= 2 | `[email protected]` |

## Core Team







Abdellatif Ait boudad







Juri Strumpflohner







Mohammed Zama Khan







Bram Borggreve







Keni Steward







Max Kless


## Contributors

Thanks goes to these wonderful people:

[aitboudad](https://github.com/aitboudad)[mohammedzamakhan](https://github.com/mohammedzamakhan)[divyakumarjain](https://github.com/divyakumarjain)[MaxKless](https://github.com/MaxKless)[couzic](https://github.com/couzic)[juristr](https://github.com/juristr)[franzeal](https://github.com/franzeal)[beeman](https://github.com/beeman)

[FritzHerbers](https://github.com/FritzHerbers)[klemenoslaj](https://github.com/klemenoslaj)[samtsai](https://github.com/samtsai)[thorgod](https://github.com/thorgod)[kenisteward](https://github.com/kenisteward)[dwaldrum](https://github.com/dwaldrum)[skrtheboss](https://github.com/skrtheboss)[intellix](https://github.com/intellix)

[Krustie101](https://github.com/Krustie101)[manuelmeister](https://github.com/manuelmeister)[MarcosEllys](https://github.com/MarcosEllys)[rehleinBo](https://github.com/rehleinBo)[ryanjerskine](https://github.com/ryanjerskine)[Devqon](https://github.com/Devqon)[vstiebe](https://github.com/vstiebe)[AlexTalcura](https://github.com/AlexTalcura)

[alex-novikov-1990](https://github.com/alex-novikov-1990)[andmoredev](https://github.com/andmoredev)[vitale232](https://github.com/vitale232)[AmGarera](https://github.com/AmGarera)[bhaidar](https://github.com/bhaidar)[cyrilletuzi](https://github.com/cyrilletuzi)[Dayvisson](https://github.com/Dayvisson)[dereekb](https://github.com/dereekb)

[eduardoRoth](https://github.com/eduardoRoth)[enricouniurb](https://github.com/enricouniurb)[erikvdv1](https://github.com/erikvdv1)[fynnfeldpausch](https://github.com/fynnfeldpausch)[internalsystemerror](https://github.com/internalsystemerror)[jrgleason](https://github.com/jrgleason)[johannesjo](https://github.com/johannesjo)[jdpnielsen](https://github.com/jdpnielsen)

[TheMcMurder](https://github.com/TheMcMurder)[kentcdodds](https://github.com/kentcdodds)[Lehoczky](https://github.com/Lehoczky)[LennardWesterveld](https://github.com/LennardWesterveld)[logvinoleg89](https://github.com/logvinoleg89)[LucasJAlba](https://github.com/LucasJAlba)[lucienbertin](https://github.com/lucienbertin)[waffle-iron](https://github.com/waffle-iron)

[mathijshoogland](https://github.com/mathijshoogland)[mrbusche](https://github.com/mrbusche)[NanFengCheong](https://github.com/NanFengCheong)[Pouja](https://github.com/Pouja)[rafaelss95](https://github.com/rafaelss95)[Riron](https://github.com/Riron)[milasevicius](https://github.com/milasevicius)[rternavskyi](https://github.com/rternavskyi)

[blowsie](https://github.com/blowsie)[ThomasBower](https://github.com/ThomasBower)[thm1118](https://github.com/thm1118)[Tom-V](https://github.com/Tom-V)[VyacheslavPritykin](https://github.com/VyacheslavPritykin)[akamyshanov](https://github.com/akamyshanov)[danielcrisp](https://github.com/danielcrisp)[francisco-sanchez-molina](https://github.com/francisco-sanchez-molina)

[kapsiR](https://github.com/kapsiR)[marfer](https://github.com/marfer)[mburger81](https://github.com/mburger81)[n3xus](https://github.com/n3xus)[neminovno](https://github.com/neminovno)[wenqi73](https://github.com/wenqi73)[yoni333](https://github.com/yoni333)