108 Components & Libraries
React forms Libraries
A React library for rendering out forms based on the Form.io platform
React Formio A React library for rendering out forms based on the Form.io platform. Example Application To see an example application of how to implem
A simple React Image Search App that demonstrate handling User input with forms and events
Covid-19 Metrics App Table of Contents About the Project Built With Getting Started Contributing Authors Acknowledgements About Project This is a simp
Implementation Angular 13 Form Validation with Submit using Reactive Forms Module and Bootstrap 4.
Implementation Angular 13 Form Validation with Submit using Reactive Forms Module and Bootstrap 4. The form has: Full Name: required Username: require
(Angular Reactive) Forms with Benefits ๐
(Angular Reactive) Forms with Benefits ๐ How many times have you told yourself "I wish Angular Reactive Forms would support types", or "I really want
Felte: A form library for Svelte, Solid and React
Felte: A form library for Svelte, Solid and React Features Simple usage example Svelte Solid React/Preact VanillaJS with Web Components More examples
React Swift Form
Yet another React form library, for React and React Native. Key difference from other form libraries is that it is built to be as fast as possible. No unnecessary re-renders, no unnecessary re-validations.
Reactjs-forms: a React package that contains a few React components and hook system
reactjs-forms is a React package that contains a few React components and hook system. The components are almost the same as React syntactic form elements.So you may use all attributes which you can use them on syntactic form elements.
Paperfreeform - A Free Form Builder to save trees and create beautiful forms
PaperFreeForm PaperFreeForm is a Free Form Builder to save trees and create beau
Higher order component for React Redux forms (inspired by redux-form)
Simplest Redux Form Higher order component for React Redux forms (inspired by redux-form) Note Idea of this library is 100% inspired from redux-form (
An accessible WAI-ARIA 1.1-compliant Radio Group React component
@palmerhq/radio-group An accessible WAI-ARIA 1.1-compliant Radio Group React component. @palmerhq/radio-group Installation Usage Usage with Formik v2
Build lightning fast web forms from JSON.
Build lightning fast web forms from JSON. โค๏ธ Conditional logic โค๏ธ Flexible validation โค๏ธ Infinite depth โค๏ธ Rehydratable While other libraries might ut
๐ Highly customisable, minimalistic input x select field for React.
Insect ๐ Highly customisable, minimalistic input x select field for React. โก๏ธ Features Tiny size (~4kb Gzip) 100% responsive. Highly customisable. Su
Forms to collect customers' addresses
Collecting addresses Basic forms flow to collect customers' addresses Tech Stack TypeScript React Redux React Router Formik Yup Material UI Deployment
FormPress: Open Source form builder which lets you safely collect data through custom forms
Open Source Form Builder With Safe Data Collection FormPress is an innovative, a
RRForms is a simple utility that adds reactive conditional disabling/enabling & addition/removal of validators to Angular 2+ Reactive Forms.
ngx-rrforms Reactive Reactive Forms for Angular 2+. Self-reactivity and more (soon). CONTENT TABLE Usage examples conditional disabling conditional va
A simple yet powerful library which helps creating validated forms in react.
@cat-react / form A simple yet powerful library which helps creating validated forms in react. This project is inspired by formsy-react. Installation
Country / region React select boxes for your forms.
react-country-region-selector Jan 6th, 2021. This repo will be in limbo for a little while. We're converting the repo to Nx, changing the code to type
Redux - Create forms using Redux And React
Exercรญcio de fixaรงรฃo Vamos criar formulรกrios utilizando Redux! \o/ Antes de inic
A lightweight and extensible React validation component
react-validate-framework A lightweight and extensible React validation component ไธญๆ README Demo: https://minjieliu.github.io/react-validate-framework
React-multistep - React multistep form component
Responsive React multistep form component Take it for a spin here or, install it from NPM React 17.0.2 List of forks Instructions To use this module i
Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.
InventoryApp This project was generated with Angular CLI version 13.0.1. Development server Run ng serve for a dev server. Navigate to http://localhos
React-credit-cards - Beautiful credit cards for your payment forms
React Credit Cards A slick credit card component for React. Demo Install npm install --save react-credit-cards Usage import React from 'react'; impor
React-redux-form - Create forms easily in React with Redux.
React Redux Form โ ๏ธ This project is in maintenance mode only. Please consider using Formik instead. Read the Documentation React Redux Form is a colle
Reactrix - Validate forms in React, without stress ๐ฐ
Validation is the most important aspect while designing an application. It validates the incoming data. Reactrix provides a convenient method `useVali
A lightweight framework and utility for building powerful forms in React applications
Informed Introduction Say hello to the best React form library you have ever used! Informed is an extensive, simple, and efficient solution for creati
Restaurant App ๐ is a sample open-source e-Commerce ๐ application for ordering foods, powered by polyglot microservices architecture and cross-platform development including mobile and web
Restaurant App if you have any questions, don't hesitate to ask @jurabek0 on twitter. Restaurant App is containerized polyglot microservices applicati
๐!(Just another form application renderer)
JAFAR Jafar - not Just another form application renderer, a set of tools which implement form capabilities using a simple JSON form object, containing
๐ Form & Layout JS Components
Project designed and being developed to deal with forms Packages Overview @folo/store JS Store Holds & Helps Controlling Data In Forms. @folo/values R
Reactive forms for react and react native, using hooks and [email protected]
Reactive forms for react and react native, using hooks and [email protected] Installation: npm install -s react-fluid-form mobx mobx-react yup lodash // or: yarn
Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.
JSON Forms - More Forms. Less Code Complex forms in the blink of an eye Documentation Please see the official JSON Forms website, jsonforms.io, for do
Fully customisable React form utility
Fully customisable react form utility. ๐ Features Typescript compatible Customizable extractor, validator, getter and setters. (More in the docs) 0 D
forml - extensible react json schema form generator
Table of Contents forml Documentation Examples Installation Usage Customization Localization forml forml - react json schema form A lightweight, effic
Lens-based events dispatching for React forms
React state focus Install NPM: $ npm install --save react-state-focus YARN: $ yarn add react-state-focus Usage Lens That's a base class for all othe
High performance, hook-based forms library for React, powered by MobX.
@mozartspa/mobx-react High performance, hook-based forms library for React, powered by MobX. Features Form level and Field level validation with built
๐ฅ Material UI based dynamic form component for React using JSON
Build dynamic forms using Material UI Check demo & detail docs Documentation Build dynamic forms using interactive editor Playground Installation npm
Helps you create powerful themes for pleasant to use forms
Deprecated This library is no longer maintained and used within Codecks. We recommend taking a look at formik as a very capable alternative. React Ref
โ๏ธ Hooks for managing form state and validation in React
Hooks for managing form state and validation in React Enjoy this library? Try them all! React Table, React Query, React Charts, React Virtual Features
๐ณ๐ฐ React components for credit card and bank account forms, using material-ui
React components for payments: CardForm: credit card entry (with validation) BankForm: bank account entry (with validation) PaymentMethods: list
generate forms from JSON object
json-obj-form-generator generate forms from JSON object Install npm install --save json-obj-form-generator For more informations check documentation w
React component for convert the valle screens-api data structure to web component based forms.
valleForm React component for convert the valle screens-api data structure to web component based forms. Write valleForm tabs = { [...] } but
Simple but powerful forms for React. Inspired by SimpleForm
Frig React Forms made easy / Developed at TouchBistro in Toronto. Frig is: Simple - Most form fields are 1 liners. Automatic type inference from your
Handling forms in React Native using Formik and Yup.
##Handling forms in React Native using Formik and Yup. Usage # install dependencies yarn install # run bundler yarn run serve # run on Android devic
Simplifies getting user input from forms via onChange and onSubmit events, using DOM forms APIs
React AutoForm An AutoForm React component, which simplifies getting data from its contained form inputs via their onChange events and the form's
A complete react form builder that interfaces with a json endpoint to load and save generated forms
A complete react form builder that interfaces with a json endpoint to load and save generated forms. The toolbox contains 16 items for gathering data. Everything from star ratings to signature boxes!
Component for creating dynamic Bootstrap forms with React by passing a simple declarative model to its props.
Component for creating dynamic Bootstrap forms with React by passing a simple declarative model to its props. Supports nested forms and cross-field validation. All model changes are passed to a single onFormChange event.
๐ Open-source - Angular's fastest, simplest and most elegant way of building validated, responsive and user friendly dynamic Reactive Forms and Datatables ๐
ngx-rapid-interface-builder ๐ Agonising Form and Datatable creation made easy and splendidly developer-friendly โก Quickly and painlessly build fully
Easily synchronize any reactive form to the @ngrx/store in a few steps
@larscom/ngrx-store-formsync Easily synchronize any reactive form to the @ngrx/store in a few steps. Supports โ Reactive Forms only โ Persisting State
An online store built with React, Next.js, Redux Toolkit, Styled Components, Heroku-Hosted API, React Hook Forms, and TypeScript ๐ฑโ๐๐ค
Audiophile eCommerce Web Application Audiophile is a online store that sells luxury and branded audio gadgets ranging from earphones, speakers, to hea
Create Interactive Documents with Plain Text
ReactiveDoc Create Interactive Documents with Plain Text Try it How to run it Download or clone this repository, then: cd
Easy to use form components for react
super-easy-react-forms Easy to use form components for react Try it out Sample app here Install npm install --save super-easy-react-forms Usage Creati
Simply create a forms, without having to write state management logic on your own.
Create React forms just with a pure JSX and let the react-standalone-form manage its state for you. A themeable form library based on Context API with a selection of user friendly inputs and wide customization abilities to match your design and functionality.
๐ Primitive for building forms in React
formin Primitive for building forms in react I built formin to serve as a tiny (~1.5kb) alternative to other form solutions in react with these goals
Country / region React select boxes for your forms.
react-country-region-selector About Features Gotchas Demo Installation Usage List of component options Command-line Changelog Tests Thanks! License (s
A multi-step form component library built with React and styled with Emotion
React Emotion Multi-step Form A multi-step form component library built with React and styled with Emotion Introduction A declarative component librar
A bare minimal React form library for quick & simple forms.
React library using React Hooks to build forms & let you switch in & out Bootstrap 4 styling. React Bare Forms aka RBF aims to be the easiest to use f
Free admin dashboard template based on Gatsby with @paljs/ui component package
gatsby-admin-template Admin dashboard template based on Gatsby with @paljs/ui component package Setup: git clone https://github.com/paljs/gatsby-admin
Restaurant App ๐ is a sample open-source e-Commerce ๐ application for ordering foods, powered by polyglot microservices architecture and cross-platform development including mobile and web
Restaurant App if you have any questions, don't hesitate to ask @jurabek0 on twitter. Restaurant App is containerized polyglot microservices applicati
A sample project to create forms using React and Typescript
This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. Available Scripts In the project directory, you can r
Polished, feature rich, accessible form inputs built with React
react-widgets An ร la carte set of polished, extensible, and accessible form inputs built for React. Demos and Documentation here Install npm install
React UI lib for validation forms
React Formawesome React UI lib for react-formawesome-core. See Storybook Installation Via NPM npm install --save-dev [email protected] npm
React Forms library provides a set of tools for React to handle form rendering and validation.
React Forms React Forms library provides a set of tools for React to handle form rendering and validation. Table of Contents Installation Usage Valida
Painless React forms, validation, and state management
Painless React forms, validation, and state management NestedLink is useState React Hook on steroids providing an elegant callback-free solution for c
A dynamic form library for Facebook React, providing abstractions for building dynamic forms and controlled grids. Widgets provided by Telerik's KendoUI.
wingspan-forms a dynamic form library for Facebook React, providing abstractions for building dynamic forms and controlled grids. Widgets provided by
Formjs generates HTML5 forms using JSON Schema data
Formjs - ReactJS Forms Formjs generates HTML5 forms using JSON Schema data Utilizes Underscore for object to array mapping, will possibly be turned in
Forms library for react
"Simplicity is the ultimate sophistication" (Leonardo da Vinci) Notice tcomb-form is looking for maintainers. If you're interested in helping a great
Generate complex, validated and extendable JSON-based forms in React.
Winterfell Generate complex, validated and extendable JSON-based forms in React Winterfell allows you to build up complex, multi-page forms with condi
A simple, super-flexible, extensible config based form generator for React.
A simple, super-flexible, extensible config based form generator for React. Features Super-flexible Config based form element creation Take super cont
Easy peasy highly scalable ReactJS & React Native forms! ๐
Easy peasy highly scalable ReactJS & React Native forms! ๐ Overview Unform is a performance-focused API for creating powerful forms experiences for b
A React component package for generating forms based on (almost) the full power of JSON Schema
React JSON Schema Form Generator Introduction This tool is designed to drastically reduce the effort needed to create complex forms in React. It uses
A set of react UI components used to create payment forms in Flywire
Flycomponents Flycomponents is a set of react UI components used to create payment forms in Flywire. Installation Add the dependency to your package.j
React validatable form hook that is used to create dynamic client side validations on react forms
React Validatable Form React validatable form hook that is used to create dynamic client side validations on React forms. Table of Contents Install Ge
Simple Layout Field to offer a variety possibilities to react-jsonschema-forms
react-jsonschema-form-layout Just a small custom field for the awesome react-jsonschema-form. see DEMO Key features: support bootstrap's grid add non-
Handle your forms in a smart way
react-native-form-builder Note: If you're looking for a better form management library with more advanced features, Please check out React Reactive Fo
A simple, declarative API for creating cross-platform, native-appearing forms with React Native
React Native Forms Project status I wrote this library several (many?) years ago for a use-case at work, when React Native was still quite young, comp
Angular like reactive forms in React.
React Reactive Forms It's a library inspired by the Angular's Reactive Forms, which allows to create a tree of form control objects in the component c
Generate forms with native look and feel in a breeze
React Native Form Generator Generate forms with native look and feel in a breeze Components Picker DatePicker TimePicker Input Link Separator Switch F
Easy react-native forms using bootstrap-like syntax with redux-form+immutablejs integration. Styled using styled-components
react-native-clean-form Easy react-native forms using bootstrap-like syntax with redux-form+immutablejs integration. Styled using styled-components Bi
Forms library for react-native
Notice tcomb-form-native is looking for maintainers. If you're interested in helping, a great way to get started would just be to start weighing-in on
๐ React Hooks for forms validation (Web + React Native)
Version 7 | Version 6 English | ๆฅๆฌ่ช Features Built with performance, UX and DX in mind Embraces native form validation Out of the box integration with
Build forms in React, without the tears ๐ญ
Build forms in React, without the tears. Visit https://formik.org to get started with Formik. Organizations and projects using Formik List of organiza
Zero-Configuration Reactive forms for Svelte
Formula + Beaker ฮโ Reactive Forms for Svelte Documentation Changelog svelte-formula is a Library for use with Svelte that super-charges your ability
Formst is a model-driven library for quickly building high-performance forms in React.
Formst is a model-driven library for quickly building high-performance forms in React. Unlike most form libraries that are UI-First, Formst is Data-First.
Periqles is a React component library for Relay and Apollo that makes it easy to collect user input.
periqles Painless forms for GraphQL. Demo โ Periqles is a React component library for Relay and Apollo that makes it easy to collect user input. Periq
react-hook-form is an awsome library which provide a neat solution for building forms.
react-hook-form is an awsome library which provide a neat solution for building forms. However, there are many rules for the API which may be missed by the developer. This plugin aims to check those rules automatically thourgh ESLint. Thus brings better DX for react-hook-form.
JavaScript Survey and Form Library
SurveyJS is a JavaScript Survey and Form Library. SurveyJS is a modern way to add surveys and forms to your website. It has versions for Angular, jQue
๐ High performance subscription-based form state management for React
You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of React Final Form.
A React component for building Web forms from JSON Schema.
react-jsonschema-form A simple React component capable of using JSON Schema to declaratively build and customize web forms. Explore the docs ยป View Pl
A Higher Order Component using react-redux to keep form state in a Redux store
redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux
๐ React Hooks for forms validation (Web + React Native)
Version 7 | Version 6 Features Built with performance and DX in mind Embraces native form validation Out of the box integration with UI libraries Smal
Build forms in React, without the tears ๐ญ
Build forms in React, without the tears. Visit https://formik.org to get started with Formik. Organizations and projects using Formik List of organiza
A React library for building forms from any schema.
A set of React libraries for building forms from every schema.
JavaScript Survey and Form Library
SurveyJS is a JavaScript Survey and Form Library. SurveyJS is a modern way to add surveys and forms to your website. It has versions for Angular, jQue
๐ High performance subscription-based form state management for React
You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of React Final Form.
A React component for building Web forms from JSON Schema.
react-jsonschema-form A simple React component capable of using JSON Schema to declaratively build and customize web forms. Explore the docs ยป View Pl
๐ React Hooks for forms validation (Web + React Native)
Performant, flexible and extensible forms with easy to use validation. English | ็นไธญ | ็ฎไธญ | ๆฅๆฌ่ช | ํ๊ตญ์ด | Franรงais | Italiano | Portuguรชs | Espaรฑol | ะ ัั
Build forms in React, without the tears ๐ญ
Build forms in React, without the tears. Visit https://formik.org to get started with Formik. Organizations and projects using Formik List of organiza
A simple and easy way to control forms in React using the React Context API
A simple and easy way to control forms in React using the React Context API Getting Started Install With npm npm install --save formcat With yarn yar
React library for rendering forms.
Data Driven Forms is a React library used for rendering and managing forms with a lot of provided features based on React Final Form. โ Why to use Dat