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

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

---

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

react-formal - Sophisticated HTML form management for React

---

Better form validation and value management for React. Provides minimal wiring while also allowing for complete input flexibility. Built on yup and react-input-message.

react-formal react form forms inputs validator schema validation react-component yup

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

redux-form - A Higher Order Component using react-redux to keep form state in a Redux store

---

redux-form works with React Redux to enable an html form in React to use Redux to store all of its state. You can play around with redux-form in these sandbox versions of the Examples.

redux redux-form react form forms form-validation validation reactjs flux react-redux decorator

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

formsy-react-components - A set of React JS components for use in a formsy-react form

---

formsy-react-components is a selection of React components that render form elements for use in a formsy-react form. The components render markup to be quickly included in a Bootstrap 3 form. This includes a <label>, help text, and some validation styling tied to formsy’s validation state and validation messages.

bootstrap form-controls react-component react-components react formsy-react

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

rxdb - :computer: :iphone: A realtime Database for the Web

---

To find data in your collection, use the mquery api to create chained mango-queries, which you maybe know from mongoDB or mongoose.

database nosql json-schema rxjs nodejs electron cordova pwa couchdb dapp react-native vue pouchdb react db offline-first jsonschema localstorage indexeddb encryption rx reactive realtime javascript-database

react-redux-form - Create forms easily in React with Redux.

---

React Redux Form is a collection of reducer creators and action creators that make implementing even the most complex and custom forms with React and Redux simple and performant. That's all you need. Seriously. Read the Documentation for more information.

redux react form forms redux-form react-redux-form reactjs

tcomb-form - Forms library for react

---

tcomb-form is looking for maintainers. If you're interested in helping a great way to get started would just be to start weighing-in on GitHub issues, reviewing and testing some PRs. The tcomb library provides a concise but expressive way to define domain models in JavaScript.

form forms validation generation react react-component

react-form

---

React Form is a lightweight framework and utility for building powerful forms in React applications.

react forms reactjs redux react-redux redux-form form react-form async async-form asynchronous-form asynchronous

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

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

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

react-multistep - React multistep form component

---

Responsive ReactJS multistep form component

react responsive ui-components forms reactjs jsx css ui wizard-steps wizard webpack browserify react,-reactjs,-responsive,-component

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