hub / github.com/ngx-formly/ngx-formly

github.com/ngx-formly/ngx-formly @v7.1.0 sqlite

repository ↗ · DeepWiki ↗ · release v7.1.0 ↗

1,269 symbols 3,215 edges 665 files 14 documented · 1%

README

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

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:

[<i

Extension points exported contracts — how you extend this code

FormlyExtension (Interface)

(no doc) [9 implementers]

src/core/src/lib/models/config.ts

UIModuleName (Interface)

(no doc)

src/schematics/src/ng-add/index.ts

FormlyFieldProps (Interface)

(no doc)

src/ui/ionic/form-field/src/form-field.wrapper.ts

IThemeOption (Interface)

(no doc)

demo/src/app/shared/example-viewer/utils.ts

IObserver (Interface)

(no doc)

src/core/src/lib/utils.ts

Schema (Interface)

(no doc)

src/schematics/src/ng-add/schema.ts

CheckboxProps (Interface)

(no doc)

src/ui/ionic/checkbox/src/checkbox.type.ts

ExampleType (Interface)

(no doc)

demo/src/app/shared/example-viewer/example-viewer.component.ts

Core symbols most depended-on inside this repo

provideFormlyCore

called by 67

src/core/src/lib/core.config.ts

toFieldConfig

called by 65

src/core/json-schema/src/formly-json-schema.service.ts

forChild

called by 56

src/core/src/lib/core.module.ts

createFieldComponent

called by 42

src/core/testing/src/component-factory.ts

withFormlyBootstrap

called by 41

src/ui/bootstrap/src/lib/bootstrap.config.ts

observe

called by 38

src/core/src/lib/utils.ts

ɵCustomEvent

called by 37

src/core/testing/src/utils.ts

clone

called by 31

src/core/src/lib/utils.ts

Shape

Class 530

Method 320

Function 287

Interface 131

Enum 1

Languages

TypeScript100%

Modules by API surface

src/core/json-schema/src/formly-json-schema.service.ts30 symbols

src/core/src/lib/utils.ts29 symbols

src/core/src/lib/extensions/field-expression/utils.ts28 symbols

src/ui/material/form-field/src/field.type.ts22 symbols

src/core/src/lib/components/formly.field.spec.ts21 symbols

src/core/src/lib/templates/formly.attributes.ts19 symbols

src/core/src/lib/components/formly.field.ts19 symbols

src/core/src/lib/services/formly.config.ts18 symbols

src/core/src/lib/components/formly.form.ts17 symbols

src/core/src/lib/templates/field.type.ts14 symbols

src/core/select/src/select-options.pipe.ts14 symbols

src/core/src/lib/extensions/field-expression-legacy/field-expression.ts13 symbols

Dependencies from manifests, versioned

@angular-devkit/build-angular18.2.14 · 1×

@angular-devkit/core18.2.14 · 1×

@angular-devkit/schematics18.2.14 · 1×

@angular-eslint/builder18.4.3 · 1×

@angular-eslint/eslint-plugin18.4.3 · 1×

@angular-eslint/eslint-plugin-template18.4.3 · 1×

@angular-eslint/schematics18.4.3 · 1×

@angular-eslint/template-parser18.4.3 · 1×

@angular/animations18.2.13 · 1×

@angular/cdk18.2.14 · 1×

@angular/cli18.2.14 · 1×

@angular/common18.2.13 · 1×

For agents

$ claude mcp add ngx-formly \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact