Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
JSON powered forms for Angular
| Date | Stars |
|---|---|
| 2026-07-24 | 705 |
| 2026-07-25 | 705 |
| 2026-07-28 | 705 |
| 2026-07-30 | 705 |
| 2026-08-06 | 705 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
# Form.io Angular JSON Form Renderer
This library serves as a Dynamic JSON Powered Form rendering library for [Angular](https://angular.io). This works by
providing a JSON schema to a `<formio>` Angular component, where that form is dynamically rendered within the front
end application. This allows forms to be dynamically built using JSON schemas.
## Please note that Form.io Open Source Repositories are maintained and all latest versions are available via NPM.
## Official Documentation
For the latest documentation, release information, and guides, always refer to the official Form.io Help Documentation available here:
**[https://help.form.io](https://help.form.io/dev/javascript-development/frameworks#angular)**
## Angular Versions
This library supports many different Angular Versions. To use this library with the correct version of Angular, please refer to the Compatibility matrix here: https://help.form.io/dev/javascript-development/frameworks#angular-versions
## For the latest version, install via the following commands:
### NPM
npm install --save @formio/angular
### Yarn
yarn add --save @formio/angular
## For previous Angular versions, the following commands with the relevant Angular version can be referenced:
### NPM
npm install --save @formio/angular@a18
### Yarn
yarn add --save @formio/angular@a18
## Running Demo
To run a demo of the Form.io Angular renderer, please follow these steps.
1. Make sure you have the [Angular CLI](https://angular.io) installed on your machine.
2. Download the [Angular Demo Application](https://github.com/formio/angular-demo) to your computer.
3. With your terminal, type `npm install`
4. Now type `ng serve`
This will startup an example application where you can see all the features provided by this module.
Here is the hosted demo application [https://formio.github.io/angular-demo/](https://formio.github.io/angular-demo)
## Using within your application
You can easily render a form within your Angular application by referencing the URL of that form as follows.
```html
<formio src="https://examples.form.io/example"></formio>
```
You can also pass the JSON form directly to the renderer as follows.
```html
<formio
[form]='{
"title": "My Test Form",
"components": [
{
"type": "textfield",
"input": true,
"tableView": true,
"inputType": "text",
"inputMask": "",
"label": "First Name",
"key": "firstName",
"placeholder": "Enter your first name",
"prefix": "",
"suffix": "",
"multiple": false,
"defaultValue": "",
"protected": false,
"unique": false,
"persistent": true,
"validate": {
"required": true,
"minLength": 2,
"maxLength": 10,
"pattern": "",
"custom": "",
"customPrivate": false
},
"conditional": {
"show": "",
"when": null,
"eq": ""
}
},
{
"type": "textfield",
"input": true,
"tableView": true,
"inputType": "text",
"inputMask": "",
"label": "Last Name",
"key": "lastName",
"placeholder": "Enter your last name",
"prefix": "",
"suffix": "",
"multiple": false,
"defaultValue": "",
"protected": false,
"unique": false,
"persistent": true,
"validate": {
"required": true,
"minLength": 2,
"maxLength": 10,
"pattern": "",
"custom": "",
"customPrivate": false
},
"conditional": {
"show": "",
"when": null,
"eq": ""
Excerpt of 8,884 characters
Read on GitHub
643
127
42
38
29
28
24
16
11
11
9
7
6
6
6
6
4
4
4
4
Would you bet a product on this? Bounded 0–100 and slow moving.
matched fp:5d71c3df3951a869, topic:serverless
matched fp:5d71c3df3951a869, topic:json-schema