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: about 1 month ago
JSON representation

📝 JSON powered / Dynamic forms for Angular

Host: GitHub
URL: https://github.com/ngx-formly/ngx-formly
Owner: ngx-formly
License: mit
Created: 2015-04-09T03:58:53.000Z (over 9 years ago)
Default Branch: main
Last Pushed: 2024-03-28T18:01:06.000Z (5 months ago)
Last Synced: 2024-04-28T06:25:48.020Z (4 months ago)
Topics: angular, bootstrap, dynamic-forms, formly, forms, ionic, json-forms, json-schema, kendo-ui, material, nativescript, ng-zorro, ng-zorro-antd, primeng, schematics
Language: TypeScript
Homepage: https://formly.dev
Size: 32.6 MB
Stars: 2,718
Watchers: 84
Forks: 552
Open Issues: 157
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

awesome-angular-components - ng-formly - JavaScript powered FORMS for ANGULAR 2.x and above. (Uncategorized / Uncategorized)
awesome-json - ngx-formly - JSON powered / Dynamic forms for Angular (Frontend components)
awesome-angular - ngx-formly - JSON powered / Dynamic forms for Angular. (Table of contents / Third Party Components)

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:

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

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

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

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

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

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

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

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

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