DEV Community

ashish
ashish

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)

Collapse
 
andrewbaisden profile image
Andrew Baisden

Fantastic resource.

Collapse
 
essanousy profile image
mohamed es-sanousy

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

Collapse
 
asheeshh profile image
ashish

thanks for the suggestion, will surely do

Collapse
 
codemaker2015 profile image
Vishnu Sivan

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

Collapse
 
prudence97 profile image
Prudence97

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

Collapse
 
asheeshh profile image
ashish

glad I could help! πŸ˜„