jsonform - Build forms from JSON Schema

  •        744

The JSON Form library is a JavaScript client-side library that takes a structured data model defined using JSON Schema as input and returns a Bootstrap-friendly HTML form that matches the schema. The generated HTML form includes client-side validation logic that provides direct inline feedback to the user upon form submission (provided a JSON Schema validator is available). If values are valid, the JSON Form library uses submitted values to create the JavaScript data structure that matches the data model.

https://github.com/joshfire/jsonform

Tags
Implementation
License
Platform

   




Related Projects

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

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.

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.

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.

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.


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.

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.

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.

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.

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.

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.

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.

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.

JSV - A JavaScript implementation of an extendable, fully compliant JSON Schema validator.

  •    Javascript

A JSON validator is a program that takes JSON data and, with a provided schema, will ensure that the provided JSON is structured in the way defined by the schema. This ensures that if validation has passed, the JSON instance is guaranteed to be in the expected format. It will also provide an explanation on why a particular instance failed validation. There is no one way to validate JSON, just like there is no one way to validate XML. Even the JSON Schema specification has gone through several revisions which are not 100% backwards compatible with each other. To solve the issue of using numerous schemas already written to older specifications, JSV provides customizable environments to validate your JSON within.

json-schema-spec - The JSON Schema I-D sources

  •    Makefile

JSON Schema is a vocabulary that allows you to validate, annotate, and manipulate JSON documents. This repository contains the sources for the work in progress of the next set of JSON Schema IETF Internet Draft (I-D) documents. For the latest released I-Ds, please see the Specification page on the website.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.