Ecosystem
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.
Premade Hooks
Utility Libraries
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.)
Forms & Inputs
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.
- react-hook-form
- react-final-form
- rc-field-form
- formik
- We recommend zod or yup for form validation
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).
Input masking
Select / Multi-Select
Datepickers
Animations / Loading States
Drag & Drop / Resizing Elements
- 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
Charts & Data Visualization
- 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
Tables / Data-Grids / Spreadsheets
- react-table - A lightweight, fast and extendable datagrid for React
- react-data-grid - Excel-like grid component built with React
Toasts / Notifications
Spotlight / File Viewers / Carousels
- react-joyride - Create guided tours for your apps
- react-pdf-viewer - A PDF viewer made for React
- swiper - modern mobile touch slider