jsonform - Build forms from JSON Schema

---

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.

json schema html5 form

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

---

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

react-form-builder - A complete react form builder that interfaces with a json endpoint to load and save generated forms

---

Now that a form is built and saved, let's generate it from the saved json. Read only signatures allow you to use a saved/canned signature to be placed into the form. The signature will be passed in through the variables property to ReactFormGenerator and ReactFormBuilder.

react react-component form builder ui drag drop

revalidation - Higher Order Component for Validating Forms in React

---

Revalidation lets you write your forms as stateless function components, taking care of managing the local form state as well as the validation. Revalidation also works with classes and will support other React-like libraries like Preact or Inferno in the future. Form handling sounds trivial sometimes, but let’s just take a second to think about what is involved in the process. We need to define form fields, we need to validate the fields, we also might need to display errors according to the fact if the input validates, furthermore we need to figure out if the validation is instant or only after clicking on a submit button and so on and so forth.

react validations form validation forms

jsonschema - JSON Schema validation

---

JSON schema validator, which is designed to be fast and simple to use. The latest IETF published draft is v6, this library is mostly v4 compatible. Please fork the repository, make the changes in your fork and include tests. Once you're done making changes, send in a pull request.

json-schema nodejs json schema jsonschema validator validation

formik - Build forms in React, without the tears 😭

---

By colocating all of the above in one place, Formik will keep things organized--making testing, refactoring, and reasoning about your forms a breeze.I (@jaredpalmer) wrote Formik while building a large internal administrative dashboard with @eonwhite. With around ~30 unique forms, it quickly became obvious that we could benefit by standardizing not just our input components but also the way in which data flowed through our forms.

react forms form higher-order-component formik react-dom validation hoc

json-editor - JSON Schema Based Editor

---

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

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

---

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

newforms - Isomorphic form-handling for React

---

An isomorphic form-handling library for React. Newforms can be used on the server, or bundled for the client using an npm-compatible packaging system such as Browserify or webpack.

unmaintained isomorphic form-handling forms input validation conversion coercion react react-component

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

---

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

alpaca - Alpaca provides the easiest way to generate interactive HTML5 forms for web and mobile applications

---

Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide developers with an extensible framework for implementing controls, wizards, layouts, I18N support and an custom data persistence. The goal of Alpaca is to provide the open source community with a fantastic forms engine that rivals or beats what most proprietary vendors offer. Using Alpaca, you can host really nice forms for your back end services, whether they are proprietary, enterprise or SaaS offerings.

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

---

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

form - jQuery Form Plugin

---

The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted.Want to contribute to jQuery Form? Awesome! See CONTRIBUTING for more information.

ajax jquery-plugin json json-form html-form form jquery-form ajax-form form-serialization ecosystem:jquery jquery

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

---

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 validator

spected - Validation library

---

Spected is a low level validation library for validating objects against defined validation rules. Framework specific validation libraries can be built upon spected, leveraging the spected appraoch of separating the speciific input from any validation. Furthermore it can be used to verify the validity deeply nested objects, f.e. server side validation of data or client side validation of JSON objects. Spected can also be used to validate Form inputs etc. Install Spected via npm or yarn.

validation nested-objects spec deeply-nested-validation-rules forms

RedisAdminUI - RedisAdminUI and XML, JSON, JSV and SOAP Web Service layer around Redis

---

Redis React is a simple user-friendly UI for browsing data in Redis servers that leverages the navigation and deep-linking benefits of a Web-based UI, the productivity and responsiveness of the React framework and the deep Integration possible from a Native App.

mobiscroll - Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)

---

Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability and performance. Mobiscroll Forms ships with 15 customizable controls that you can use for free that are included in this repository. Use Forms with the premium products that can be found on the Mobiscroll website. You can use the controls in web and hybrid/native cross-platform apps. At it's core Mobiscroll is framework agnostic, but API variants for jQuery/jQuery Mobile, Angular/Ionic, Angular JS/Ionic 1 and React is available.

mobile-web hybrid-apps mobiscroll javascript-library react angular component-library ui-components ui-kit ionic-plugin angularjs ionic knockout

frisbee - :dog2: Modern fetch-based alternative to axios/superagent/request

---

tldr; Stripe-inspired API wrapper for WHATWG's fetch() method for making simple HTTP requests (alternative to superagent, request, axios).If you're using node-fetch, you need node-fetch@v1.5.3 to use form-data with files properly (due to https://github.com/bitinn/node-fetch/issues/102) If you experience form file upload issues, please see https://github.com/facebook/react-native/issues/7564#issuecomment-266323928.

api-wrapper superagent frisbee fetch fetch-api whatwg whatwg-fetch xhr request file-upload form-data node-fetch react-native react axios ios android api boilerplate github glue helper polyfill rest restful router stripe superagent-defaults wrapper

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

---

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

gSOAP Toolkit

---

Development toolkit for Web services and XML data bindings for Camp;C++