React UI Kits
Tags: react, ui, githunt
Published: 2019-01-05 13:32:54

---
title: React UI Kits
published: true
description: A list of React UI kits
tags: react, ui, githunt
---

I found the amount of UI toolkits for React impressive, so I wanted to share what I found.

I found 18 UI kits and checked how many stars on GitHub and weekly downloads on NPm they have.

They are sorted by GitHub stars.

### [Ant Design](https://ant.design/)

**A design system with values of Nature and Determinacy for the better user experience of enterprise applications**

Creator: [XTech](https://xtech.antfin.com/)

License: MIT

[GitHub ~64.500 Stars](https://github.com/ant-design/ant-design)

NPM: ~506.403 weekly downloads

---

### [Material-UI](https://material-ui.com/)

**React components that implement Google's Material Design.**

Creator: [Community](https://material-ui.com/discover-more/team/)

License: MIT

[GitHub ~62.000 Stars](https://github.com/mui-org/material-ui)

NPM: ~1.479.000 weekly downloads

---

### [Blueprint](https://blueprintjs.com/)

**A React based UI toolkit for the web.**

Creator: [Palantir](https://www.palantir.com/)

License: BLUEPRINT LICENSE (based on Apache 2.0 License)

[GitHub ~16.900 Stars](https://github.com/palantir/blueprint)

NPM: ~142.300 weekly downloads

---

### [Material Components](https://material.io/develop/)

**Build beautiful, usable products with Material Components for iOS, Android, web, and Flutter.**

Creator: [Google](https://google.com)

License: MIT

[GitHub ~15.000 Stars](https://github.com/material-components/material-components-web)

NPM: ~116.000 weekly downloads

---

### [Semantic UI React](http://react.semantic-ui.com/)

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

Creator: [Community](https://semantic-ui.com/)

License: MIT

[GitHub ~11.800 Stars](https://github.com/Semantic-Org/Semantic-UI-React)

NPM: ~188.000 weekly downloads

---

### [Evergreen](https://evergreen.segment.com/)

**A React UI Framework for building ambitious products on the web.**

Creator: [Segment](https://segment.com/)

License: MIT

[GitHub ~10.300 Stars](https://github.com/segmentio/evergreen)

NPM: ~7.400 weekly downloads

---

### [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/)

**A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.**

Creator: [Microsoft](https://microsoft.com)

License: MIT

[GitHub ~9.700 Stars](https://github.com/microsoft/fluentui)

NPM: ~22.200 weekly downloads

---

### [Grommet](https://grommet.io)

**focus on the essential experience**

Creator: [Community](https://github.com/grommet/grommet/graphs/contributors)

License: Apache License 2.0

[GitHub ~6.800 Stars](https://github.com/grommet/grommet)

NPM: ~22.500 weekly downloads

---

### [Reakit](https://reakit.io/)

**Toolkit for building really interactive UIs with React.**

Creator: [Community](https://github.com/reakit/reakit/graphs/contributors)

License: MIT

[GitHub ~4.400 Stars](https://github.com/reakit/reakit)

NPM: ~60.100 weekly downloads

---

### [Polaris](https://polaris.shopify.com)

**Our design system helps us work together to build a great experience for all of Shopify’s merchants.**

Creator: [Shopify](https://www.shopify.com/)

License: MIT

[GitHub ~3.700 Stars](https://github.com/Shopify/polaris)

NPM: ~79.800 weekly downloads

---

### [Lightning Design System](https://www.lightningdesignsystem.com/)

**Create the world’s best enterprise app experiences.**

Creator: [Salesforce](https://www.salesforce.com/)

License: Custom

[GitHub ~3.000 Stars](https://github.com/salesforce-ux/design-system)

NPM: ~10 weekly downloads

---

### [Element](https://github.com/elemefe/element-react)

**Element, a Vue 2.0 based component library for developers, designers, and product managers** (Forked and rewritten in React)

Creator: [Community](https://github.com/ElemeFE/element-react/graphs/contributors)

License: MIT

[GitHub ~2.500 Stars](https://github.com/elemefe/element-react)

NPM: ~7.300 weekly downloads

---

### [Ring UI](https://jetbrains.github.io/ring-ui/master/index.html)

**This collection of UI components aims to provide all of the necessary building blocks for web-based products built inside JetBrains, as well as third-party plugins developed for JetBrains' products.**

Creator: [JetBrains](https://www.jetbrains.com/)

License: Apache License 2.0

[GitHub ~2.500 Stars](https://github.com/JetBrains/ring-ui)

NPM: ~2.100 weekly downloads

---

### [Elastic UI framework](https://elastic.github.io/eui/#/)

**The Elastic UI framework is a design library in use at Elastic to build internal products that need to share our aesthetics.**

Creator: [Elastic](https://www.elastic.co/)

License: Apache License, Version 2.0

[GitHub ~2.300 Stars](https://github.com/elastic/eui)

NPM: ~13.900 weekly downloads

---

### [PrimeReact](https://www.primefaces.org/primereact)

**The Most Complete UI Framework for REACT**

Creator: [Primetek](https://www.primetek.com.tr/)

License: MIT

[GitHub ~1.600 Stars](https://github.com/primefaces/primereact)

NPM: ~19.300 weekly downloads

---

### [Shards React](https://designrevision.com/downloads/shards-react/)

**A high-quality & free React UI kit featuring a modern design system with dozens of custom components.**

Creator: [Designrevision](https://designrevision.com/)

License: MIT

[GitHub ~600 Stars](https://github.com/DesignRevision/shards-react)

NPM: ~2.300 weekly downloads

---

### [Instructure-UI](https://instructure.design/)

**Instructure-UI has a number of beautiful and accessible React components with baked-in styles and theming and helpful utility functions.**

Creator: [Instructure](https://www.instructure.com/)

License: MIT

[GitHub ~300 Stars](https://github.com/instructure/instructure-ui)

NPM: ~175 weekly downloads

---

### [Lucid UI](http://appnexus.github.io/lucid/)

**Lucid UI is a React component library by AppNexus.**

Creator: [Xandr](https://www.xandr.com/)

License: Apache License, Version 2.0

[GitHub ~200 Stars](https://github.com/appnexus/lucid)

NPM: ~400 weekly downloads

---

# Learn React with my Book

[![React From Zero Book Banner](https://thepracticaldev.s3.amazonaws.com/i/vx6ctxee09tog4i9c1gj.jpeg)](https://www.fullstackreact.com/react-from-zero/)

If you like understanding how React works by taking it apart, then you might like my book _React From Zero_. In the book, I dissect how React works by examining how components work, how elements are rendered, and how to create your own Virtual DOM. 

You can [download the first chapter for free here](https://www.fullstackreact.com/react-from-zero/).