React Form Components

This list will help you find the best React form component.

React-color
React-color
Is a tiny color picker widget component for React apps.
React-md-editor
React-md-editor
A simple markdown editor with preview, implemented with React.js and TypeScript.
React-simplemde-editor
React-simplemde-editor
React component wrapper for EasyMDE (the most fresh SimpleMDE fork).
React-monacoeditor
React-monacoeditor
Monaco Editor component for React.
React-codemirror
React-codemirror
demo - CodeMirror component for React.
React-column-select
React-column-select
A column select component built for react.
Smartblock
Smartblock
demo - docs - Block based WYSIWYG editor based on ProseMirror.
Remirror
Remirror
demo - docs - ProseMirror toolkit for React.
Edtr-io
Edtr-io
demo - docs - WYSIWYG in-line web editor with plugins.
React-autowidth-input
React-autowidth-input
Highly configurable & extensible automatically sized input field built with hooks.
React-colorful
React-colorful
A tiny (2,5 KB), dependency-free, fast and accessible color picker component.
Date-range-picker
Date-range-picker
demo - A calendar component that supports date, range & ranges picks.
React-syntax-highlighter
React-syntax-highlighter
Syntax highlighting component with Prismjs or Highlightjs AST using inline styles.
React-upload-gallery
React-upload-gallery
React for Upload Image Gallery. Drag & Drop, Sortable, Customize.
React-designer
React-designer
Easy to configure, lightweight, editable vector graphics in your react components.
Interweave
Interweave
React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.
React-widgets
React-widgets
An à la carte set of polished, extensible, and accessible inputs.
React-input-enhancements
React-input-enhancements
Set of enhancements for input control.
Formsy-react-components
Formsy-react-components
A set of React JS components for use in a formsy-react form.
Formsy-material-ui
Formsy-material-ui
A Formsy compatibility wrapper for Material-UI form components.
React-image-cropper
React-image-cropper
Image cropper.
React-image-crop
React-image-crop
A responsive image cropping tool for React.
React-easy-crop
React-easy-crop
Component to crop/rotate images/videos with easy interactions. Touch friendly.
React-avatar-editor
React-avatar-editor
Facebook-like, avatar / profile picture component.
React-avatar-cropper
React-avatar-cropper
Aiming to be a complete solution for avatar cropping in react.
React-md-editor
React-md-editor
Markdown editor.
React-markdown-editor
React-markdown-editor
A markdown editor using React/Reflux.
React-trumbowyg
React-trumbowyg
Trumbowyg wrapper.
React-quill
React-quill
Quill wrapper.
React-medium-editor
React-medium-editor
medium-editor wrapper.
React-editor
React-editor
Simple richtext editor that can insert images and HTML.
React-draft-wysiwyg
React-draft-wysiwyg
WYSIWYG editor build on top of DraftJS.
React-contenteditable
React-contenteditable
React component for a div with editable contents.
React-codemirror
React-codemirror
CodeMirror wrapper.
React-ace
React-ace
Ace (Advanced Code Editor) wraper.
Megadraft
Megadraft
Rich Text editor built on top of draft.js.
Draft-js
Draft-js
A React framework for building text editors.
Ckeditor5-react
Ckeditor5-react
An official CKEditor 5 rich text editor wrapper.
Ckeditor4-react
Ckeditor4-react
An official CKEditor 4 rich text editor wrapper.
Alloyeditor
Alloyeditor
WYSIWYG editor based on CKEditor with completely rewritten UI.
Sortablejs
Sortablejs
Lists reorderable by drag-and-drop, within and among lists.
React-sortable
React-sortable
A sortable list component built with React.
React-anything-sortable
React-anything-sortable
Sort any children with touch support and IE8 compatibility.
React-sortable-pane
React-sortable-pane
Sortable and resizable pane component for React.
React-dropzone
React-dropzone
Simple HTML5 drag-drop zone with React.js.
React-dragula
React-dragula
Drag and drop so simple it hurts.
React-draggable
React-draggable
React draggable component.
React-drag-sizing
React-drag-sizing
"Drag to resize" (sizing) as React Component.
React-dnd
React-dnd
Drag and Drop for React.
React-beautiful-dnd
React-beautiful-dnd
Beautiful and accessible drag and drop for lists with React