DEV Community


Posted on

25 React component libraries you just might need for your next project!

Components are a major part of any react project - from buttons to dropdowns to form components. Building components for your react project from scratch might become time consuming and confusing too, this is where the react community comes in to help you out, there are a lot of react component libraries made by the community that you just might need for your next big project!

Here's the list ๐Ÿ‘‡

  • react-select The Select Component for React.
  • react-tooltip React tooltip component.
  • formik Build forms in React, without the tears.
  • react-beautiful-dnd Beautiful and accessible drag and drop for lists with React.
  • react-grid-layout A draggable and resizable grid layout with responsive breakpoints, for React.
  • react-window React components for efficiently rendering large lists and tabular data
  • react-dates An easily internationalizable, mobile-friendly datepicker library for the web.
  • react-color Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more.
  • react-slick React carousel component.
  • react-icons SVG react icons of popular icon packs
  • react-player A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion.
  • react-hot-toast Smoking hot React Notifications.
  • react-google-maps React.js Google Maps integration component.
  • react-joyride Create guided tours in your apps.
  • react-loading-skeleton Create skeleton screens that automatically adapt to your app
  • kbar Fast, portable, and extensible cmd+k interface for your site.
  • react-syntax-highlighter Syntax highlighting component for react with prismjs or highlightjs ast using inline styles.
  • tagify Lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue.
  • react-instantsearch Lightning-fast search for React and React Native applications, by Algolia.
  • rodal A React modal with animations.
  • react-top-loading-bar A very simple, highly customisable youtube-like react loader component.
  • react-burger-menu An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations.
  • recharts Redefined chart library built with React and D3.
  • react-recaptcha A react.js reCAPTCHA for Google.
  • react-filepond A flexible and fun React file upload library.

I sorted out these libraries based on their ease of use, customizability and number of users, their are lot of libraries made for each component which you can easily find out on github or npm.

You might want to save these post for future reference, thanks for reading, happy developing!

Top comments (6)

andrewbaisden profile image
Andrew Baisden

Fantastic resource.

essanousy profile image
mohamed es-sanousy

This looks good, thanks for sharing
Maybe next you can share boilerplate code generation templates for react apps ๐Ÿ™‚

asheeshh profile image

thanks for the suggestion, will surely do

codemaker2015 profile image
Vishnu Sivan

Great article. I found this useful to see most wanted react libraries in a single page.

prudence97 profile image

This is soooooo helpful. Like divinely ordained to be written for meโ˜บ๏ธ๐Ÿ˜‚๐Ÿ˜‚๐Ÿค—Thank you.

I was getting so discouraged with building my software for my start up

asheeshh profile image

glad I could help! ๐Ÿ˜„