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

  •        323

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.

https://github.com/blackjk3/react-form-builder#readme

Dependencies:

classnames : ^2.1.3
fbemitter : ^2.0.0
jquery : ^3.2.1
moment : ^2.13.0
react-anything-sortable : ^0.2.2
react-bootstrap-native-slider : 2.0.1
react-datepicker : ^0.27.0
react-select : ^0.5.5
react-signature-pad : 0.0.6
react-sortable-items : 0.0.7
react-star-rating : git+https://github.com/blackjk3/react-star-rating.git
react-textarea-autosize : ^2.3.1
reflux : ^0.2.8
xss : ^0.2.13

Tags
Implementation
License
Platform

   




Related Projects

formio - The combined Form and API platform for Serverless Applications.

  •    Javascript

Form.io is a revolutionary combined Form and API platform for Serverless applications. This repository serves as the core Form and API engine for https://form.io. This system allows you to build "serverless" data management applications using a simple drag-and-drop form builder interface. These forms can then easily be embedded within your Angular.js and React applications using the <formio> HTML element. Here is a link to a demo of the Form Building and Form Rendering capability that can be hooked into this API platform.

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-planner - :pencil2: A React Component for plans design

  •    Javascript

react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-use objects, you can start from 2D wireframes and land on 3D models. As a developer you can provide your users with new objects by adding them to the catalog.


react-fine-uploader - Easily integrate Fine Uploader or Fine Uploader S3 into a React app

  •    Javascript

Makes using Fine Uploader in a React app simple. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI. These allow you to easily build a highly customizable and powerful UI for your upload widget, backed by Fine Uploader's core feature set. Most of these components are unstyled (i.e. ready to be styled by you). Focused component-specific stylesheets may be provided at a later date.

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.

react-dnd - Drag and Drop for React

  •    TypeScript

Drag and Drop for React. Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

react-native-gifted-form - 📝 « One React-Native form component to rule them all »

  •    Javascript

Form component for React Native. Pass value prop to your widgets and onValueChange to your GiftedForm to store your state outside of GiftedFormManager's store.

react-tags - A fantastically simple tagging component for your React projects

  •    Javascript

React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window. Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.

react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native

  •    Javascript

Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. See example.

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.

react-ui-tree - React tree component

  •    Javascript

This project was initially developed for a webpage builder. It maintains an internal tree structure within the component through js-tree.

uxcore - A React UI Component Suites living for enterprise application http://uxco

  •    CSS

UXCore is a set of React Components that is designed for enterprise-class pc backend application. Focus on Enterprise-class App: Powerful but easy-to-use Form and Table.

dazzle - :rocket: Dashboards made easy in React JS.

  •    Javascript

Dazzle is a library for building dashboards with React JS. Dazzle does not depend on any front-end libraries but it makes it easier to integrate with them.Dazzle's goal is to be flexible and simple. Even though there are some UI components readily available out of the box, you have the complete control to override them as you wish with your own styles and layout.

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-smooth-dnd - react wrapper components for smooth-dnd

  •    Javascript

A fast and lightweight drag&drop, sortable library for React with many configuration options covering many d&d scenarios. It uses css transitions for animations so it's hardware accelerated whenever possible. This library consists wrapper React components over smooth-dnd library.

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-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React

  •    Javascript

An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.