10 Best React Design System Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

@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.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
25
Top Feedback
25Easy to Use
22Great Documentation
14Highly Customizable
GitHub Stars
72K
Weekly Downloads
2M
Last Commit
2d ago
Bundle Size (min+gzip)
334.8KB
Tree-Shakeable

material-ui

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
TypeScript Icon
Deprecated
User Rating
5.0/ 5
2
Top Feedback
4Great Documentation
4Easy to Use
2Performant
GitHub Stars
72K
Weekly Downloads
92K
Last Commit
2d ago
Bundle Size (min+gzip)
101.8KB
Tree-Shakeable

@chakra-ui/react

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.6/ 5
18
Top Feedback
16Great Documentation
16Easy to Use
13Bleeding Edge
GitHub Stars
21K
Weekly Downloads
163K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

antd

🌈 A UI Design Language and React UI library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
431
Top Feedback
63Great Documentation
53Easy to Use
38Highly Customizable
GitHub Stars
67K
Weekly Downloads
708K
Last Commit
8mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@chakra-ui/core

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.6/ 5
35
Top Feedback
11Easy to Use
10Great Documentation
6Highly Customizable
GitHub Stars
21K
Weekly Downloads
13K
Last Commit
4d ago
Bundle Size (min+gzip)
101.8KB
Tree-Shakeable

theme-ui

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.6/ 5
5
Top Feedback
4Great Documentation
3Performant
3Highly Customizable
GitHub Stars
4K
Weekly Downloads
114K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

carbon-components-react

A design system built by IBM

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
3Great Documentation
2Easy to Use
1Bleeding Edge
GitHub Stars
5K
Weekly Downloads
47K
Last Commit
1d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@blueprintjs/core

A React-based UI toolkit for the web

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
15
Top Feedback
6Great Documentation
4Easy to Use
4Highly Customizable
GitHub Stars
18K
Weekly Downloads
172K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

gestalt

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

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
9K
Last Commit
1d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

carbon-components

A design system built by IBM

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
5
Top Feedback
2Great Documentation
2Easy to Use
2Highly Customizable
GitHub Stars
5K
Weekly Downloads
97K
Last Commit
1d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

grommet

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

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.5/ 5
10
Top Feedback
4Easy to Use
3Great Documentation
1Highly Customizable
GitHub Stars
8K
Weekly Downloads
25K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@primer/components

A React implementation of GitHub's Primer Design System

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
GitHub Stars
1K
Weekly Downloads
28K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@elastic/eui

Elastic UI Framework 🙌

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
4
Top Feedback
5Easy to Use
4Great Documentation
3Responsive Maintainers
GitHub Stars
3K
Weekly Downloads
19K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
ss

styled-system

Responsive, theme-based style props for building design systems with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Highly Customizable
GitHub Stars
N/A
Weekly Downloads
489K
Last Commit
N/A
Bundle Size (min+gzip)
4.94KB
Tree-Shakeable

rebass

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
3.3/ 5
3
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
8K
Weekly Downloads
69K
Last Commit
3mos ago
Bundle Size (min+gzip)
14.5KB
Tree-Shakeable
cu

chakra-ui

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
423
Weekly Downloads
629
Last Commit
2yrs ago
Bundle Size (min+gzip)
93.5KB
Tree-Shakeable

@trussworks/react-uswds

USWDS 2.0 components built in React

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
70
Weekly Downloads
4K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@artsy/palette

Artsy's design system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
179
Weekly Downloads
3K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@equinor/eds-core-react

The Equinor design system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
38
Weekly Downloads
3K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@lifeomic/chroma-react

Open source design system from LifeOmic, built with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
40
Weekly Downloads
2K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@commercetools-uikit/design-system

Component library 💅

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
107
Weekly Downloads
4K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@salesforce/design-system-react

Salesforce Lightning Design System for React

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
763
Weekly Downloads
11K
Last Commit
12d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@rebass/components

⬢ Style props for rapid UI development

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7K
Weekly Downloads
3K
Last Commit
4mos ago
Bundle Size (min+gzip)
4.32KB
Not Tree-Shakeable

@lumx/react

The official LumApps Design System (LumX) for AngularJS and React applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
320
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@cmsgov/design-system

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

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
210
Weekly Downloads
1K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@gov.au/core

🛠 Component code and tests for the Australian Government design system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
729
Weekly Downloads
380
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

react-lightning-design-system

Salesforce Lightning Design System components built with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
249
Weekly Downloads
250
Last Commit
6d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

blk-design-system-react

React version of BLK Design System:

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
157
Weekly Downloads
47
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@ticketmaster/aurora

Shared UI Library for Ticketmaster

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
92
Weekly Downloads
849
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

numl

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
283
Weekly Downloads
18
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@welcome-ui/core

Customizable design system of @wttj with react • styled-components • styled-system • reakit

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
382
Weekly Downloads
129
Last Commit
11d ago
Bundle Size (min+gzip)
8.88KB
Tree-Shakeable

pcln-design-system

Priceline.com Design System

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
636
Weekly Downloads
47
Last Commit
2d ago
Bundle Size (min+gzip)
69.4KB
Tree-Shakeable

componentry

React component library for building custom design systems

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
47
Last Commit
23d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@byteclaw/visage-utils

Visage design system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
13
Weekly Downloads
44
Last Commit
5mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@useblu/ocean-components

Blu's Design System

License Icon
License: GPL-3.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
0
Last Commit
6mos ago
Bundle Size (min+gzip)
3.86KB
Tree-Shakeable
rrs

react-responsive-system

A new way to write responsive components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
3K
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@hackclub/design-system

Hack Club's design system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
146
Weekly Downloads
11
Last Commit
5mos ago
Bundle Size (min+gzip)
125.6KB
Not Tree-Shakeable
hr

hds-react

React components for the Helsinki Design System

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2K
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable

rimble-ui

React components that implement Rimble's Design System.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
291
Weekly Downloads
699
Last Commit
2yrs ago
Bundle Size (min+gzip)
341.9KB
Tree-Shakeable

argon-design-system-react

React version of Argon Design System

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
530
Weekly Downloads
57
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
dr

@spscommerce/ds-react

SPS Design System React components

License Icon
License: UNLICENSED
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
546
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@compositor/kit

Tools for developing, documenting, and testing React component libraries

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
327
Last Commit
3yrs ago
Bundle Size (min+gzip)
341.6KB
Not Tree-Shakeable
crc

@pega/cosmos-react-core

Cosmos is a visual design system and UI component collection. Its goal is to empower application developers in their pursuit to create engaging and rewarding user experiences.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
172
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

react-lds

⚡ React components for the Salesforce Lightning Design System

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
27
Weekly Downloads
111
Last Commit
10mos ago
Bundle Size (min+gzip)
110.9KB
Not Tree-Shakeable

@bestyled/primitives

Implementation of the BeStyled Design System, for React, React Native, React Native Web, and typescript

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
23
Last Commit
1yr ago
Bundle Size (min+gzip)
55.6KB
Not Tree-Shakeable

@bestyled/system

BeStyled System Property Groups, for React, React Native, React Native Web, and typescript

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
23
Last Commit
1yr ago
Bundle Size (min+gzip)
4.46KB
Not Tree-Shakeable

essence-core

Essence - The Essential Material Design Framework

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
416
Weekly Downloads
5
Last Commit
4yrs ago
Bundle Size (min+gzip)
23.1KB
Not Tree-Shakeable
cor

@raid-ui/core

React components loosely arranged into groups

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
5
Last Commit
5mos ago
Bundle Size (min+gzip)
5.06KB
Tree-Shakeable

@ebth/design-system

Design system library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
0
Last Commit
2yrs ago
Bundle Size (min+gzip)
116.0KB
Tree-Shakeable