A Incredible List of npm Packages for React Developers
4 min readJun 10, 2021
Hi readers, this is a list of some useful npm packages for React users. I will update this in future, Your suggestions are welcome π. Happy coding!!
UI component libraries
- antd β Ant Design is an enterprise grade UI design system.
- @material-ui/core β React Material UI components
- react-bootstrap β Bootstrap 4 components built with React
- react-bulma-components β React component for Bulma framework
- semantic-ui-react β A React component library
- office-ui-fabric-react β The React-based front-end framework for building experiences for Office and Office 365
- reactstrap β Stateless React Components for Bootstrap 4
- rebass β React primitive UI components built with styled-system
- @appbaseio/reactivesearch β React UI components for Elasticsearch
Individual UI components
- @tippy.js/react β The complete tooltip and popover solution for React apps
- react-spinners β A collection of loading spinners with React.js based on Halogen
- react-loader-spinner β react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view
- react-spinners-kit β A collection of loading spinners built with styled-components
- draft-js β Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model
- react-custom-scrollbars β Custom scrollbars for React
- react-select β The Select control for React
- react-dropdown β Simple Dropdown component for React, inspired by react-select
- react-horizontal-scrolling-menu β A horizontal scrolling menu component for React
- react-collapsible β React responsive collapsible section component
- react-calendar β Calendar component for React
- react-datepicker β A simple and reusable Datepicker component for React
- react-table β react-table is a lightweight, fast and extendable datagrid built for React
- react-awesome-button β A button component for React
- react-compound-slider β React Compound Slider is a tiny (4.3kb) slider component with no opinion about markup or styles
- rheostat β A mobile, tablet, desktop, and accessible slider for the web by Airbnb
- react-checkbox-tree β A simple and elegant checkbox tree for React
- recharts β Recharts is a Redefined chart library built with React and D3
- react-chartjs-2 β React wrapper for Chart.js 2
- react-vis β A collection of react components to render common data visualization charts
- victory β React.js components for modular charting and data visualization
- react-modal β Accessible modal dialog component for React.JS
- react-responsive-modal β A simple responsive and accessible react modal compatible with React 16 and ready for React 17
- react-slick β Carousel component built with React. It is a react port of slick carousel
- react-responsive-carousel β A responsive carousel component for React
- pure-react-carousel β A highly impartial suite of React components that can be assembled by the consumer to create a responsive and aria compliant carousel with almost no limits on DOM structure or CSS styles
- react-grid-gallery β Justified image gallery component for React inspired by Google Photos and based upon React Images
- react-images β A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS
- react-image-lightbox β A flexible lightbox component for displaying images in a React project
- react-tabs β An accessible and easy tab component for ReactJS
CSS in JS
- styled-components β Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress
- emotion β A CSS in JS library
- radium β Radium is a set of tools to manage inline styles on React elements. It gives you powerful styling capabilities without CSS
Http clients
- axios β Promise based HTTP client for the browser and node.js
- apisauce β An http client built on top of axios
- request β Request is designed to be the simplest way possible to make http calls. It supports HTTPS and follows redirects by default
- superagent β Small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features
Routing
- react-router-dom β DOM bindings for React Router
- universal-router β A simple middleware-style router that can be used in both client-side and server-side applications
- connected-react-router β A Redux binding for React Router v4 and v5
State management
- redux β Redux is a predictable state container for JavaScript apps
- react-redux β Official React bindings for Redux
- mobx β MobX is a battle tested, simple and scalable state management library transparently applying functional reactive programming (TFRP)
- redux-saga β redux-saga is a library that aims to make application side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage
- redux-thunk β Thunk middleware for Redux
- redux-persist β Persist and rehydrate a redux store