Building React components from scratch is a ton of fun.
Tackling the reimplementation of common UI elements gives you the power to bring a ton of UX improvements.
But, sometimes you just need to get shit done and recreating the wheel isn’t in scope.
So, I’ve compiled a list of React Component UI libraries to jump-start your UI.
These can be combined, mixed, and matched to create your UI pretty quickly.
I’ve also used many of these libraries as a reference point when implementing my own components.
How would one create an XYZ component with React? What prop types might I need? Are their npm dom utilities I can leverage for this?”
- me. all day er day
These libraries answer a ton of these questions.
Kudos to the folks who worked on these projects and released them to the world.
19 Open Source React Component Libraries
Belle
Configurable React Components with great UX.
React Toolbox
Elemental UI
Pivotal UI
React Desktop
Grommet
Rebass
Bootstrap
Material UI
A Set of React Components that Implement Google’s Material Design http://www.material-ui.com/#/
React Photonkit
React Widgets
TouchstoneJS
React d3 components
Foundation
Onsen
MUI
React components following the Google material design spec.
SearchKit
Collection of components revolving around search
Mesosphere
vistarmedia
Semantic UI
More component resources!
Was this list not enough?
Check out these handy references for even more component examples and source code: