David Wells

Full Stack Developer

Focused on UX/UI, Growth
& Product Development

19 Open Source React Component Libraries to use in your next project

Published on Edit this post

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 are 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:

#What is your favorite React Library?