React boasts a vast ecosystem of open-source libraries, plugins, and features that can help your team rapidly develop UIs and applications.
Generally, to make our list below, the library in question needs to have support and active development/maintenance. The rules are not strict, something like 100K+ weekly downloads on npm and a release within the last 6-12 months.
Utility libraries typically bring an array of functions at your disposal, either all around a single domain (such as dates/timezones) or more generic (array sorting, object cloning, deep comparisons, etc.)
The form libraries below can help you build complex forms, and the input components can bring non-standard browser input types (such as datepickers, multi-select dropdowns, etc.) into your application.
Form UI & Inputs
For basic form elements like dropdowns, radio groups, checkboxes, we recommend headless UI libraries (read about them on our UI / Styling page).
Select / Multi-Select
- react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
- react-dnd - Drag and Drop for React
- react-draggable - React draggable component
- react-resizable - A simple React component that is resizable with a handle
- react-grid-layout - A draggable and resizable grid layout with responsive breakpoints
- react-advanced-cropper - An advanced React component for image cropping
- react-archer - Draw arrows between React elements
- vx - Visualization components
- victory - A collection of composable React components for building interactive data visualizations
- react-vis - Data Visualization Components
- recharts - Redefined chart library built with React and D3
- nivo - Provides a rich set of data visualization components, built on top of the D3 and React libraries
- react-table - A lightweight, fast and extendable datagrid for React
- react-data-grid - Excel-like grid component built with React
- react-joyride - Create guided tours for your apps
- react-pdf-viewer - A PDF viewer made for React
- swiper - modern mobile touch slider