ng-forge generates fully working Angular forms from a single configuration object — validation, conditional logic, and multi-step wizards included. Here's how to set it up.

1. Choose Your UI Library

2. Your First Form

Every adapter uses the same FormConfig schema — import DynamicForm and bind a config object:

@Component({
  imports: [DynamicForm],
  template: `<form [dynamic-form]="config"></form>`,
})
export class ContactComponent {
  config = {
    fields: [
      /* see Config tab below */
    ],
  } as const satisfies FormConfig;
}

Try it out — select a contact method and watch fields appear. Switch to the "Config" tab to see the full schema:

Requirements

  • Angular 21+ — required for signal support
  • TypeScript 5.6+ — for best type inference

Community & Support

  • Discord — Ask questions, share what you've built, and chat with the community
  • GitHub Issues — Report bugs or request features
  • Contributing — Learn how to contribute to ng-forge

Next Steps

  • Configuration — Set global defaults with withXxxFields({ ... }) and per-form defaultProps
  • Examples — Browse complete form examples
  • Field Types — All available field types and their props
  • Building an Adapter — Create your own adapter for any UI library