reactstrap - Simple React Bootstrap 4 components

•    Javascript

---

Stateless React Components for Bootstrap 4. Follow the create-react-app instructions up to the Adding Bootstrap section and instead follow the reactstrap version of adding bootstrap.

react bootstrap ui components reactstrap component react-component

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

•    Javascript

---

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

revalidation - Higher Order Component for Validating Forms in React

•    Javascript

---

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

formsy-react - A form input builder and validator for React JS

•    Javascript

---

I wrote an article on forms and validation with React JS, Nailing that validation with React JS, the result of that was this extension. The main concept is that forms, inputs and validation is done very differently across developers and projects. This extension to React JS aims to be that "sweet spot" between flexibility and reusability.

react form forms validation react-component

formous - Simple and elegant form-handling for React - ABANDONWARE

•    Javascript

---

Use the code snippet below as an example to help you get started right away. Formous is a higher-order component that you can use to wrap your component in order to supply it with field validation, error notifications, and form submission handling.

react forms react-component form form-validation validation

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

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

•    Javascript

---

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

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

react-formal - Sophisticated HTML form management for React

•    Javascript

---

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

formik - Build forms in React, without the tears 😭

•    TypeScript

---

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

react-forms - Forms library for React.

•    Javascript

---

React Forms library provides a set of tools for React to handle form rendering and validation. You would probably also need a module bundler such as Browserify or Webpack as React Forms is distributed as a set of CommonJS modules.

forms react react-component

tcomb-form - Forms library for react

•    Javascript

---

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

newforms - Isomorphic form-handling for React

•    Javascript

---

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

•    Javascript

---

Responsive ReactJS multistep form component

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

react-final-form - 🏁 High performance subscription-based form state management for React

•    Javascript

---

In the interest of making 🏁 React Final Form the best library it can be, we'd love your thoughts and feedback. Take a quick survey.

react form state-management form-validation forms asynchronous validation subscription

YALField - Custom Field component with validation for creating easier form-like UI from interface builder

•    Objective-C

---

Custom Field component with validation for creating easier form-like UI from interface builder. ##Example Project To run the example project, run pod try YALField.

ios field validation interface-builder cocoapods yalantis animation

meteor-autoform - AutoForm is a Meteor package that adds UI components and helpers to easily create basic forms with automatic insert and update events, and automatic reactive validation

•    Javascript

---

AutoForm is a Meteor package that adds UI components and helpers to easily create basic forms with automatic insert and update events, and automatic reactive validation. Versions 6+ of this package require that you separately install the simpl-schema NPM package. Prior versions require and automatically install the simple-schema Meteor package. You can optionally use it with the collection2 package, which you have to add to your app yourself. Be sure to check out the change log for full details, first. Note that if you use add-on packages that haven't been updated yet, you will not yet be able to update to version 6.

schema forms meteor autoform blaze insert-form autoform-bs form-schemas

awesome-uikit - Collect JS Frameworks, Web components library and Admin Template.

•    

---

Collect JS Frameworks, Web components library and Admin Template. React based component library.

awesome awesome-list uikit ui-component framework react angular angular-components react-components vue-components vue-ui bootstrap-admin-theme ng-admin bootstrap vue-admin react-admin

jQuery-Live-Form-Validation-For-Twitter-Bootstrap

•    Javascript

---

This is an adaptation of the jQuery Live Form Validation found at http://www.geektantra.com/2009/09/jquery-live-form-validation/ for Twitter Boostrap. The modified script will allow for live form validation using the Twitter Bootstrap HTML pattern for forms.

Handsontable - JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular

•    Javascript

---

Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for Vue, React, Angular and Polymer.

spreadsheet data-grid grid-editor dynamic-table component data-binding data grid table editor data-table excel tabular-data edit-cell editable-table data-spreadsheet