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.
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 Radix.
Input masking
Select / Multi-Select
Datepickers
Advanced UI
Headless UI Libraries
Animations / Loading States
Drag & Drop / Resizing Elements / Drawing
- 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
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
Misc
Virtualization
Routing
Internationalization (I18N)