angular-schema-form - Generate forms from a JSON schema, with AngularJS!

•    Javascript

---

Much of the new development is being done in Assimilate, a standardised validator for JSON Schema to help ensure changing validators is never as painful as escaping tv4 is, as well as a new core library to allow for a more predictable upgrade from AngularJS to Angular. If you use ASF in your project/company please let us know! We'd love to feature you on the site.

angular json-schema angular-schema-form json-ui-schema json-schema-form angularjs form json ui-schema schema

angular-schema-form - Generate forms from a JSON schema, with AngularJS!

•    Javascript

---

Schema Form is inspired by the nice [JSON Form](https://github.com/joshfire/jsonform) library andaims to be roughly compatible with it, especially its form definition. So what sets Schema Formapart from JSON Form?1. Schema Form integrates deeply with AngularJS and uses AngularJS conventions to handle forms.2. Schema Form uses [tv4](https://github.com/geraintluff/tv4) for validation, making it compatible with version 4 of the JSON schema standard.3. By default, Schema Form generates Bootstrap 3

angular2-schema-form - HTML form generation based on JSON Schema

•    TypeScript

---

Angular2 Schema Form is an Angular2 module allowing you to instanciate an HTML form from a JSON schema. Angular2 Schema Form is not related to angular-schema-form and schemaform.io.

angular angular2 json-schema angularjs schema form schema-form

ngx-schema-form - HTML form generation based on JSON Schema

•    TypeScript

---

Ngx Schema Form is an Angular 2+ module allowing you to instanciate an HTML form from a JSON schema. Note: Version 1.x is compliant with Angular <=4, version 2.x is compliant with Angular >=6.

angular angular2 json-schema

VisualJsonEditor - A JSON schema based file editor for Windows.

•    CSharp

---

Visual JSON Editor is a JSON schema draft v4 based file editor for Windows: When opening a JSON file, the application auto-generates an editor GUI based on the provided JSON schema. The goal is to make JSON editing more effective and easier for users. Tip: Use the NJsonSchema library to generate JSON Schemas from your C# classes.

json-editor - JSON Schema Based Editor

•    Javascript

---

JSON Editor takes a JSON Schema and uses it to generate an HTML form. It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, foundation, and jQueryUI). Download the production version (22K when gzipped) or the development version.

json schema jsonschema editor

JSON Forms - More Forms. Less Code

•    Typescript

---

JSON Forms is a JSON Schema based approach for creating forms. It comes with off the shelf support for React, Angular and Vue. It is a declarative framework for efficiently building form-based web UIs. These UIs are targeted at entering, modifying and viewing data and are usually embedded within an application.

form-builder google-forms-alternative forms google-form typeform survey

formily - Alibaba Group Unified Form Solution -- Support React/ReactNative/Vue2/Vue3

•    TypeScript

---

In React, the whole tree rendering performance problem of the form is very obvious in the controlled mode. Especially for the scene of data linkage, it is easy to cause the page to be stuck. To solve this problem, we have distributed the management of the state of each form field, which significantly improves the performance of the form operations. At the same time, we deeply integrate the JSON Schema protocol to help you solve the problem of back-end driven form rendering quickly. This project exists thanks to all the people who contribute.

react reactive react-native vue json-schema validator observable form fusion ant-design designable schema-form vue3

formio.js - JavaScript powered Forms with JSON Form Builder

•    Javascript

---

This library is a plain JavaScript form renderer and SDK for Form.io. This allows you to render the JSON schema forms produced by Form.io and render those within your application using plain JavaScript, as well as provides an interface SDK to communicate to the Form.io API's. The benefits of this library include. To install this SDK into your project, you can use the following command within your terminal.

form-schema vanilla-js vanillajs angular react vue forms

angular - JSON powered forms for Angular

•    TypeScript

---

This library serves as a Dynamic JSON Powered Form rendering library for Angular. 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. To run a demo of the Form.io Angular renderer, please follow these steps.

angular serverless json-schema forms

ncform - 🍻 ncform, a very nice configuration generation way to develop forms ( vue, json-schema, form, generator )

•    Javascript

---

ncform, a nice form development way that generates form UIs and their interactions with just configuration. Comes with standard components and validation rules, out of the box.

json-schema vue form form-schema generator playground schema-generation json automatic ncform configuration

react-jsonschema-form - A React component for building Web forms from JSON Schema.

•    Javascript

---

A simple React component capable of building HTML forms out of a JSON schema.

react json-schema forms ui web json data-validation form

NSwag - The Swagger/OpenAPI toolchain for .NET, Web API and TypeScript.

•    CSharp

---

NSwag is a Swagger/OpenAPI 2.0 and 3.0 toolchain for .NET, .NET Core, Web API, ASP.NET Core, TypeScript (jQuery, AngularJS, Angular 2+, Aurelia, KnockoutJS, and more) and other platforms, written in C#. The Swagger specification uses JSON and JSON Schema to describe a RESTful web API. The NSwag project provides tools to generate Swagger specifications from existing ASP.NET Web API controllers and client code from these Swagger specifications. The project combines the functionality of Swashbuckle (Swagger generation) and AutoRest (client generation) in one toolchain. This way a lot of incompatibilites can be avoided and features which are not well described by the Swagger specification or JSON Schema are better supported (e.g. inheritance, enum and reference handling). The NSwag project heavily uses NJsonSchema for .NET for JSON Schema handling and C#/TypeScript class/interface generation.

nswag swagger openapi codegen webapi aspnetcore angular aurelia typescript

Winterfell - Generate complex, validated and extendable JSON-based forms in React.

•    Javascript

---

Winterfell allows you to build up complex, multi-page forms with conditional questions, validation and conditional-page switching via a JSON schema, rendered by React. Winterfell was initially made for a project in a sector that required a large, complex form with questions that would result in more questions or different pages when you clicked next. With an easy to write schema and a high level of customisation, comes a great power.

reactjs react forms json complex winterfell customisable validation validated form engine extendable conditional questions react-component

symfony-react-sandbox - Example of integration with React and Webpack (Webpack Encore) for universal (isomorphic) React rendering, using Limenius/ReactBundle and Limenius/LiformBundle

•    Javascript

---

This sandbox provides an example of usage of ReactBundle with server and client-side React rendering (universal/isomorphical) and its integration with a fitting Webpack Encore setup. It also provides an example of the usage of LiformBundle to generate a json-schema from Symfony forms and a forms and validation in React from that schema. -Note: If you are new to React.js, please note that this sandbox or the bundle are not by any means required to use React with Symfony. This shocases how to do some advanced features such as Server Side Rendering, a better integration with forms, injecting components directly from Twig tags, that may be difficult.

symfony react webpack json-schema webpack-encore jsx reactjs server-side rendering isomorphic

json-schema - Ruby JSON Schema Validator

•    Ruby

---

This library is intended to provide Ruby with an interface for validating JSON objects against a JSON schema conforming to JSON Schema Draft 4. Legacy support for JSON Schema Draft 3, JSON Schema Draft 2, and JSON Schema Draft 1 is also included. Please be aware that the upgrade to version 2.0.0 will use Draft-04 by default, so schemas that do not declare a validator using the $schema keyword will use Draft-04 now instead of Draft-03. This is the reason for the major version upgrade.

json-schema - Ruby JSON Schema Validator

•    Ruby

---

This library is intended to provide Ruby with an interface for validating JSON objects against a JSON schema conforming to JSON Schema Draft 4. Legacy support for JSON Schema Draft 3, JSON Schema Draft 2, and JSON Schema Draft 1 is also included. Please be aware that the upgrade to version 2.0.0 will use Draft-04 by default, so schemas that do not declare a validator using the $schema keyword will use Draft-04 now instead of Draft-03. This is the reason for the major version upgrade.

generate-schema - Convert JSON Objects to MySQL Schema, JSON Schema, Mongoose Schema, Google BigQuery, or a Generic template for Swagger files, documentation, code generation, and more

•    Javascript

---

Convert JSON Objects to MySQL Table Schema, JSON Schema, Mongoose Schema, ClickHouse Schema, Google BigQuery, or a Generic template for documentation, code generation, and more. Optionally, add -g to the above if you want the generate-schema command line executable.

json schema object convert manipulate traverse types type is generate produce mongoose generic validation bigquery google data datatypes

ajv - The fastest JSON Schema Validator. Supports draft-04/06/07

•    Javascript

---

The fastest JSON Schema validator for Node.js and browser. Supports draft-04/06/07.JSON Schema draft-07 is published.

json-schema validator ajv json schema validation jsonschema json-schema-validator json-schema-validation

ajv - The fastest JSON schema Validator

•    TypeScript

---

The fastest JSON validator for Node.js and browser. Supports JSON Schema draft-04/06/07/2019-09/2020-12 (draft-04 support requires ajv-draft-04 package) and JSON Type Definition RFC8927.

json-schema validator ajv json schema validation jsonschema json-schema-validator json-schema-validation