10 Best React Design System Libraries

List hand-picked by Openbase Experts
Learn More

antd

antd

An enterprise-class UI design language and React UI library

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
83.1K
Weekly Downloads
911K
Last Commit
9mos ago
User Rating
4.5/ 5
979
Top Feedback
65Great Documentation
56Easy to Use
38Highly Customizable
@chakra-ui/react

@chakra-ui/react

⚡️ Simple, Modular & Accessible UI Components for your React Applications

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
29.9K
Weekly Downloads
397K
Last Commit
9mos ago
User Rating
4.7/ 5
49
Top Feedback
24Great Documentation
24Easy to Use
18Bleeding Edge
carbon-components-react

carbon-components-react

A design system built by IBM

Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
6.1K
Weekly Downloads
40K
Last Commit
9mos ago
User Rating
5.0/ 5
1
Top Feedback
3Great Documentation
2Easy to Use
1Bleeding Edge
theme-ui

theme-ui

Build consistent, themeable React apps based on constraint-based design principles

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
4.8K
Weekly Downloads
89.5K
Last Commit
9mos ago
User Rating
4.7/ 5
6
Top Feedback
4Great Documentation
3Performant
3Highly Customizable
carbon-components

carbon-components

A design system built by IBM

Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
6.1K
Weekly Downloads
115K
Last Commit
9mos ago
User Rating
4.2/ 5
6
Top Feedback
2Great Documentation
2Easy to Use
2Highly Customizable
gestalt

gestalt

A set of React UI components that supports Pinterest’s design language

Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
4K
Weekly Downloads
3.4K
Last Commit
9mos ago
User Rating
5.0/ 5
1
Top Feedback
@blueprintjs/core

@blueprintjs/core

A React-based UI toolkit for the web

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
19.4K
Weekly Downloads
204K
Last Commit
9mos ago
User Rating
4.8/ 5
21
Top Feedback
6Great Documentation
4Easy to Use
4Highly Customizable
@elastic/eui

@elastic/eui

Elastic UI Framework 🙌

SEE LICENSE IN LICENSE.txt
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5.4K
Weekly Downloads
45.8K
Last Commit
9mos ago
User Rating
4.4/ 5
5
Top Feedback
5Easy to Use
4Great Documentation
3Responsive Maintainers
grommet

grommet

a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
8.1K
Weekly Downloads
35.3K
Last Commit
8mos ago
User Rating
4.6/ 5
12
Top Feedback
5Easy to Use
4Great Documentation
2Highly Customizable
@primer/components

@primer/components

An implementation of GitHub's Primer Design System using React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
TypeScript Icon
Deprecated
GitHub Stars
2.1K
Weekly Downloads
29.5K
Last Commit
9mos ago
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
@material-ui/icons

@material-ui/icons

MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
73.8K
Weekly Downloads
1.2M
Last Commit
User Rating
4.7/ 5
26
Top Feedback
27Easy to Use
23Great Documentation
15Highly Customizable
cu

chakra-ui

⚡️Simple, Modular & Accessible UI Components for your React Applications

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
438
Weekly Downloads
747
Last Commit
3yrs ago
User Rating
5.0/ 5
6
Top Feedback
2Great Documentation
2Easy to Use
2Bleeding Edge
rebass

rebass

⚛️ React primitive UI components built with styled-system.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
7.7K
Weekly Downloads
51.7K
Last Commit
1yr ago
User Rating
3.3/ 5
3
Top Feedback
2Abandoned
1Great Documentation
1Easy to Use
@commercetools-uikit/design-system

@commercetools-uikit/design-system

Component library 💅

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
134
Weekly Downloads
18.2K
Last Commit
9mos ago
@artsy/palette

@artsy/palette

Artsy's design system

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
194
Weekly Downloads
1.8K
Last Commit
9mos ago
@cmsgov/design-system

@cmsgov/design-system

Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites.

SEE LICENSE IN LICENSE.md
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
246
Weekly Downloads
1.3K
Last Commit
9mos ago
@salesforce/design-system-react

@salesforce/design-system-react

Salesforce Lightning Design System for React

BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
843
Weekly Downloads
6.6K
Last Commit
9mos ago
react-lightning-design-system

react-lightning-design-system

Salesforce Lightning Design System components built with React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
253
Weekly Downloads
278
Last Commit
7mos ago
pcln-design-system

pcln-design-system

Priceline.com Design System

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
679
Weekly Downloads
1.2K
Last Commit
9mos ago
@welcome-ui/core

@welcome-ui/core

Here you'll find all the core components you need to create a delightful webapp. Customizable design system from Welcome to the jungle (@wttj) with react, typescript, styled-components, reakit and a lot of love 💛

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
487
Weekly Downloads
379
Last Commit
9mos ago
@hackclub/design-system

@hackclub/design-system

Hack Club's (old) design system

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
150
Weekly Downloads
23
Last Commit
7mos ago
com

@rebass/components

Create consistent styled-system based React UI components

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
1.5K
Last Commit
rimble-ui

rimble-ui

React components that implement Rimble's Design System.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
291
Weekly Downloads
196
Last Commit
@compositor/kit

@compositor/kit

Tools for developing, documenting, and testing React component libraries

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.2K
Weekly Downloads
133
Last Commit
4yrs ago
@gov.au/core

@gov.au/core

🛠 Component code and tests for the Australian Government design system

MIT
TypeScript Icon
TypeScript Definitions: Not Found
TypeScript Icon
Deprecated
GitHub Stars
734
Weekly Downloads
85
Last Commit
1yr ago
argon-design-system-react

argon-design-system-react

React version of Argon Design System

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
561
Weekly Downloads
31
Last Commit
2yrs ago
essence-core

essence-core

Essence - The Essential Material Design Framework

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
415
Weekly Downloads
16
Last Commit
5yrs ago
blk-design-system-react

blk-design-system-react

React version of BLK Design System:

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
167
Weekly Downloads
15
Last Commit
2yrs ago
numl

numl

Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System 🌈

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
310
Weekly Downloads
15
Last Commit
8mos ago
User Rating
Top Feedback
1Easy to Use