FormQL is a framework for building dynamic forms in Angular. It comes with an editor that offers a drag and drop functionality to make it easier for non technical users to maintain the forms as well as an extensible APIs for allowing developers to extend the functionality with custom components.

FormQL comes with the following features:

• CSS grid templating: define the structure of your form with CSS grid standards.
• Dynamic validation: add rules to dynamically make fields mandatory, read only or hidden.
• Calculated fields: add logic to perform calculation based on the values in other fields.
• Field formatting with Text-Mask: includes the ability to format fields such as currencies and dates.
• Extensible: ability to extend the forms with your own custom components.

Demo

• Formql.io: https://formql.io/example/#/form/contactInfo/edit
• Stackblitz: https://stackblitz.com/edit/formql-example-material

Stackblitz Demos (also avaiable in ./examples in this repo)

• https://stackblitz.com/@formqlx

Documentation

https://github.com/formql/formql/wiki

Libraries

Core libraries

• @formql/core
• @formql/editor

Bundles

• @formql/material

How to run this repo

git clone https://github.com/formql/formql.git
cd formql
npm install
npm start

• Edit mode: http://localhost:4200/#/form/contactInfo/edit
• View mode: http://localhost:4200/#/form/contactInfo

Contact us

• Website - https://formql.io
• Twitter - @formql_io

License

FormQL is MIT licensed.