Top 10 React UI Libraries (UI Components)

React is no doubt one of the most popular JavaScript frameworks in the world. We can use it to create modern and beautiful user interface (ui) for web, mobile, and even desktop applications. React is not CSS framework, so it comes without any styles or ready-to-use ui components. Fortunately, React ecosystem is so huge, there are dozens open source projects that provide us React ui library or ui components (I prefer call it as ui components).
People are often confused which one should they use in their projects. If you are looking for the best react ui library, here are my top list base on GitHub contributors and stars on December 16th, 2017.

10. rebass

Rebass is Functional React UI component library, built with styled-components.

• GitHub Repo: https://github.com/jxnblk/rebass
• GitHub Stars: 3316 
• GitHub Contributors: 26 
• Website: http://jxnblk.com/rebass

9. elemental

Elemental UI is A UI Toolkit for React.js Websites and Apps.

• GitHub Repo: https://github.com/elementalui/elemental
• GitHub Stars: 3868
• GitHub Contributors: 29
• Website: http://elemental-ui.com

8. grommet

Grommet components greatly simplify the task of creating clear, well-designed, responsive experiences. 

• GitHub Repo: https://github.com/grommet/grommet
• GitHub Stars: 2681
• GitHub Contributors: 95
• Website: https://grommet.github.io

7. blueprint

Blueprint is a collection of React UI components that cover the majority of the common interface elements, patterns, and interactions on the web.

• GitHub Repo: https://github.com/palantir/blueprint
• GitHub Stars: 7823
• GitHub Contributors: 79
• Website: http://blueprintjs.com

6. semantic-ui-react

Semantic UI React is the official React integration for Semantic UI.

• GitHub Repo: htttps://github.com/Semantic-Org/Semantic-UI-React
• GitHub Stars: 5157
• GitHub Contributors: 155
• Website: https://react.semantic-ui.com

5. office-ui-fabric-react

Fabric’s components help you get buttons, navigation, and more that look like Office quickly and easily. 

• GitHub Repo: https://github.com/OfficeDev/office-ui-fabric-react
• GitHub Stars: 1944
• GitHub Contributors: 199
• Website: https://developer.microsoft.com/en-us/fabric

4. react-toolbox

React Toolbox is a set of React components that implements Google Material Design specification.

• GitHub Repo: https://github.com/react-toolbox/react-toolbox
• GitHub Stars: 7445
• GitHub Contributors: 209
• Website: http://react-toolbox.io/

3. react-bootstrap

React-Bootstrap is a library of reusable front-end components. You'll get the look-and-feel of Twitter Bootstrap, but with much cleaner code.

• GitHub Repo: https://github.com/react-bootstrap/react-bootstrap
• GitHub Stars: 11739
• GitHub Contributors: 192
• Website: https://react-bootstrap.github.io/

2. ant-design

Ant Design is a React UI library that contains a set of high quality components and demos for building rich, interactive user interfaces by following the Ant Design specification.

• GitHub Repo: https://github.com/ant-design/ant-design
• GitHub Stars: 21242
• GitHub Contributors: 391
• Website: https://ant.design

1. material-ui

Material-UI is a set of React components that implement Google's Material Design. I'm currently using it in my projects (melisa.id is my latest project that use this react ui library).

• GitHub Repo: https://github.com/mui-org/material-ui
• GitHub Stars: 31330
• GitHub Contributors: 583
• Website: http://www.material-ui.com, https://material-ui-next.com/

There are so many React ui libraries out there,  but those 10 projects are the most popular among the React community. Which one is your favourite? Not in the list? Let me know by leaving your comments below.

Thank You..