uniforms - Bunch of React components and helpers to easily generate and validate forms.

  •        15

A set of React libraries for building forms. Like every package maintained by Vazco, uniforms packages are MIT licensed.



@babel/cli : 7.1.2
@babel/core : 7.1.2
@babel/plugin-proposal-class-properties : 7.1.0
@babel/plugin-transform-runtime : 7.1.0
@babel/preset-env : 7.1.0
@babel/preset-flow : 7.0.0
@babel/preset-react : 7.0.0
@material-ui/core : 3.2.0
antd : 3.10.1
babel-core : 7.0.0-bridge.0
babel-eslint : 10.0.1
babel-jest : 23.6.0
babel-plugin-transform-react-remove-prop-types : 0.4.18
codecov : 3.1.0
enzyme : 3.7.0
enzyme-adapter-react-16 : 1.6.0
eslint : 5.6.1
eslint-config-prettier : 3.1.0
eslint-config-vazco : 4.0.0
eslint-plugin-babel : 5.2.1
eslint-plugin-prettier : 3.0.0
eslint-plugin-react : 7.11.1
eslint-plugin-vazco : 1.0.0
flow-bin : 0.83.0
flow-typed : 2.5.1
graphql : 14.0.2
invariant : 2.2.4
jest : 23.6.0
lerna : 3.4.3
prettier : 1.14.3
react : 16.5.2
react-dom : 16.5.2
react-test-renderer : 16.5.2
rimraf : 2.6.2
simpl-schema : 1.5.3
warning : 4.0.2



Related Projects

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.

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

  •    CSS

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.

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-form-builder - A complete react form builder that interfaces with a json endpoint to load and save generated forms

  •    Javascript

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.

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

react-bluekit - Automatically generating a component library from your React components (ES5, ES6, Typescript)

  •    Javascript

BlueKit automatically generates a library from your React components with editable props and live preview. Point BlueKit to folders with your React components and it will generate a library for you. You'll be able to browse through the components, tweak their props, and see the changes live. Furthermore, any changes that you make to your components' code will be reflected in the library.

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.

tcomb-form-native - Forms library for react-native

  •    Javascript

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 GitHub issues, reviewing and testing some PRs. The tcomb library provides a concise but expressive way to define domain models in JavaScript.

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.

ReactScriptLoader - A library for creating React components that depend on external scripts.

  •    Javascript

ReactScriptLoader simplifies creating React components whose rendering depends on dynamically loaded scripts. It can be used for lazily loading heavy scripts but it's especially useful for loading components that rely on 3rd party scripts, such as Google Maps or Stripe Checkout. React apps are typically single-page apps that are rendered client-side in Javascript. When loading a site built with React, the browser typically pre-loads the javascript necessary to render the site's React components so that they can be rendered with no latency. This works well for sites that serve a relatively small amount of javascript from their own servers in a single bundle. However, in some situations pre-loading all the scripts necessary to render the site's components is impractial. For example, a site may have a Map component that relies on a dynamically loaded 3rd party library to render itself. It may be possible to delay rendering the app until the third party library is finished loading but doing so would make the site feel unnecessarily sluggish. It's a much better strategy to first render the page with a placeholder for the map and asynchronously render the map once the third party library has loaded. Deferring the loading of the external script is even more important when the map component isn't rendered right away but is only revealed after user interaction.

react-native-clean-form - Easy react-native forms using bootstrap-like syntax with redux-form+immutablejs integration

  •    Javascript

The look of the form was inspired by this shot by Artyom Khamitov. Check out his profile on Dribbble. The form uses react-native-vector-icons so it is important the fonts are linked by using react-native link or one of the other options available.

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.

zent - A collection of essential UI components written with React.

  •    Javascript

Zent ( \ˈzent\ ), a collection of essential UI components written with React. Zent ( \ˈzent\ ) is a React component library developed and used at Youzan. Zent provides a collection of essential UI components and lots of useful domain specific components.

react-tunnels - 🚇 Render React components in placeholders that are placed somewhere else in the component tree

  •    Javascript

Render React components in placeholders that are placed somewhere else in the component tree. There is a common use case in React apps where you want to define a Layout where the content of some elements is defined by children components. For example, you want to define Layout just once and reuse it for every page but it has a breadcrumb whose steps depend on children components. This tiny library allows you to define tunnels to render from an element to whatever another element in the App, even elements located on top of the tree. It's like Portal but the target is a component instead of a DOM element.

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.

storybook - Interactive UI component dev & test: React, React Native, Vue, Angular

  •    Javascript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

Semantic-UI-React - The official Semantic-UI-React integration

  •    Javascript

See the Documentation for an introduction, usage information, and extensive examples.These great products are built on Semantic UI React. Add yours here.

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.