This is an Angular project for dynamic forms based on JSON:

• GitHub repository under MIT License with releases
• Azure DevOps project with build pipelines and release dashboard
• Azure web apps with demos
• npm packages for libraries
• stackblitz for project and stackblitz with example using npm packages of libraries

• Dynamic reactive forms based on JSON definition
• Structuring / nesting dynamic forms by
  • Dynamic form elements (container, accordion, tabs, text, content, markdown, modal)
  • Dynamic form fields (control, group, array, dictionary)
  • Dynamic form actions (button, icon)
• Dynamic form controls / inputs include
  • Dynamic form inputs
    • Checkbox and switch
    • Combobox, radio, select and toggle
    • Textbox, textarea and input mask
    • Datepicker
    • Numberbox
    • File(s)
  • Dynamic form input validation
  • Dynamic form input hints
  • Dynamic form input add-ons

• Library includes extendable interfaces, classes, components, factories, services and modules
  • Dynamic form config module for registration of components
  • Dynamic form module includes
    • Builder to create form controls, groups, arrays and dictionaries
    • Component factory to resolve registered components
    • Component to render elements, fields and actions
  • Dynamic form control module includes
    • Component to render an input
  • Dynamic form group module includes
    • Component to render controls, groups and arrays
  • Dynamic form array module includes
    • Component to render either controls, groups or arrays of same structure
  • Dynamic form dictionary module includes
    • Component to render either controls, groups or arrays of same structure
  • Dynamic form validation module for registration of validators and messages
    • Builder to create validators
    • Service to resolve validation messages
  • Dynamic form action module for registration of action handlers
    • Service to resolve action handlers

• Library for components based on bootstrap and HTML5

• Library for components based on @angular/material

• Extension library for markdown based on marked

• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]

• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]

• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]

• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]

• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]
• npm install @dynamic-forms/[email protected]

• Built with Angular 18
• Environments include DEV and PROD

• Built with Angular 17
• Environments include DEV and PROD

• Built with Angular 16
• Environments include DEV and PROD

• Built with Angular 15
• Environments include DEV and PROD

• Built with Angular 14
• Environments include DEV and PROD