Dismiss
  • Toggle Theme
  • View as Mobile

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

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:

What is your favorite React Library?