> For the complete documentation index, see [llms.txt](https://angular-fast-forms.codentury.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://angular-fast-forms.codentury.com/introduction/getting-started.md).

# Getting started

## General

Install the library in your angular project

```bash
npm i @ngx-fast-forms/core
```

Add `FastFormsModule.forRoot()` to your root module or add `FastFormsModule.forChild()` to any child module.

## UI Libraries

Select one of the provided ui component libraries and also install it ([or add your own form components](https://github.com/Micky002/angular-fast-forms/blob/master/core-features/custom-form-controls/README.md)):

* `@ngx-fast-forms/material` (add `MaterialFastFormsModule` to your module imports)

Create your first form:

```html
<aff-form-group [formGroup]="form"></aff-form-group>
```

```typescript
export class ExampleComponent {

  public form!: FastFormGroup;

  constructor(private formService: FastFormsService) {
    this.form = formService.createDynamicForm([{
      id: 'first-input',
      type: 'input', // depends on used ui component library or use the one registered by yourself
      label: 'Example input'
    }, {
      id: 'second-input',
      type: 'input',
      label: 'Second input'
    }]);
  }
}
```

Start the app and you should see the created form

![Github simple example](https://423778455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRwJaJhMdmYVVLOzytpYQ%2Fuploads%2Fgit-blob-3909bc2575bd2943e820cc9eb2806e1056dcb33f%2Fgithub-simple-example.png?alt=media)