10 Best JavaScript Design System Libraries

List hand-picked by Openbase Experts
Learn More

@chakra-ui/react

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
26.1K
Weekly Downloads
302K
Last Commit
3mos ago
User Rating
4.7/ 5
48
Top Feedback
23Great Documentation
23Easy to Use
17Bleeding Edge

antd

An enterprise-class UI design language and React UI library

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
80.4K
Weekly Downloads
868K
Last Commit
3mos ago
User Rating
4.5/ 5
578
Top Feedback
65Great Documentation
56Easy to Use
38Highly Customizable

carbon-components-react

A design system built by IBM

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

@chakra-ui/core

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
TypeScript Icon
Deprecated
GitHub Stars
26.1K
Weekly Downloads
12.4K
Last Commit
3mos ago
User Rating
4.6/ 5
35
Top Feedback
11Easy to Use
10Great Documentation
6Highly Customizable

theme-ui

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

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

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
13.1K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback

@blueprintjs/core

A React-based UI toolkit for the web

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
18.9K
Weekly Downloads
184K
Last Commit
3mos ago
User Rating
4.8/ 5
19
Top Feedback
6Great Documentation
4Easy to Use
4Highly Customizable

@elastic/eui

Elastic UI Framework 🙌

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

carbon-components

A design system built by IBM

Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
5.6K
Weekly Downloads
128K
Last Commit
3mos ago
User Rating
4.0/ 5
5
Top Feedback
2Great Documentation
2Easy to Use
2Highly Customizable

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
7.9K
Weekly Downloads
26.5K
Last Commit
2mos ago
User Rating
4.6/ 5
12
Top Feedback
5Easy to Use
4Great Documentation
2Highly Customizable

style-dictionary

A build system for creating cross-platform styles.

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2.4K
Weekly Downloads
100K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Performant
1Highly Customizable

ng-zorro-antd

Angular UI Component Library based on Ant Design

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
8.1K
Weekly Downloads
69.2K
Last Commit
3mos ago
User Rating
4.4/ 5
8
Top Feedback
7Great Documentation
6Easy to Use
4Performant

@primer/components

An implementation of GitHub's Primer Design System using React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
TypeScript Icon
Deprecated
GitHub Stars
1.7K
Weekly Downloads
34.4K
Last Commit
3mos ago
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
dri

dripsy

🍷 Responsive, unstyled UI primitives for React Native + Web.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.2K
Weekly Downloads
3.3K
Last Commit
2mos ago
User Rating
5.0/ 5
1
Top Feedback

@nebular/theme

💥 Customizable Angular UI Library based on Eva Design System 🌚✨Dark Mode

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
7.5K
Weekly Downloads
20.8K
Last Commit
4mos ago
User Rating
4.4/ 5
19
Top Feedback
4Great Documentation
3Easy to Use
2Performant

@chakra-ui/vue

⚡️ Build scalable and accessible Vue.js applications with ease.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.5K
Weekly Downloads
1.3K
Last Commit
4mos ago
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
1Performant

@ui-kitten/components

💥 React Native UI Library based on Eva Design System 🌚✨Dark Mode

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
9.1K
Weekly Downloads
10.2K
Last Commit
3mos ago
User Rating
4.8/ 5
11
Top Feedback
1Great Documentation
1Easy to Use

@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.5M
Last Commit
User Rating
4.7/ 5
26
Top Feedback
27Easy to Use
23Great Documentation
15Highly Customizable
ss

styled-system

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

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
Weekly Downloads
556K
Last Commit
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Highly Customizable

@material-ui/system

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
2M
Last Commit
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Easy to Use

soft-ui-design-system

Soft UI Design System - Open Source Bootstrap 5 design system

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
134
Weekly Downloads
976
Last Commit
2mos ago
User Rating
5.0/ 5
1
Top Feedback
mu

material-ui

React Components that Implement Google's Material Design.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
TypeScript Icon
Deprecated
GitHub Stars
Weekly Downloads
85.9K
Last Commit
User Rating
5.0/ 5
4
Top Feedback
5Great Documentation
5Easy to Use
2Performant
rnd

react-native-design-system

A tiny design system

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
215
Weekly Downloads
141
Last Commit
1mo ago
User Rating
4.0/ 5
1
Top Feedback

rebass

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

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
7.7K
Weekly Downloads
62.7K
Last Commit
10mos ago
User Rating
3.3/ 5
3
Top Feedback
2Abandoned
1Great Documentation
1Easy to Use

@qvant/qui

A Vue.js design-system for Web.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
216
Weekly Downloads
138
Last Commit
8mos ago
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
cu

chakra-ui

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

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

@artsy/palette

Artsy's design system

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
194
Weekly Downloads
2.5K
Last Commit
3mos ago

@vtmn/vue

Decathlon Design System libraries for web applications

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
146
Weekly Downloads
1.1K
Last Commit
3mos ago

@commercetools-uikit/design-system

Component library 💅

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
126
Weekly Downloads
6.2K
Last Commit
3mos ago

@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
221
Weekly Downloads
2.2K
Last Commit
3mos ago

@salesforce/design-system-react

Salesforce Lightning Design System for React

BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
814
Weekly Downloads
13.7K
Last Commit
3mos ago

@carbon/vue

Vue implementation of the Carbon Design System

Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
471
Weekly Downloads
2.8K
Last Commit
1mo ago

react-lightning-design-system

Salesforce Lightning Design System components built with React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
248
Weekly Downloads
747
Last Commit
16d ago

@icij/murmur

ICIJ's Design System for Bootstrap 4 and Vue.js

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
15
Weekly Downloads
364
Last Commit
2mos ago

pcln-design-system

Priceline.com Design System

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
657
Weekly Downloads
1.3K
Last Commit
3mos ago

@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
450
Weekly Downloads
641
Last Commit
2mos ago

@globalbrain/sefirot

Vue Components for Global Brain Design System.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
117
Weekly Downloads
328
Last Commit
3mos ago

@ui-schema/ds-material

React Form + UI generator for any design system, based on JSON-Schema, easy creation of complex custom widgets.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
114
Weekly Downloads
266
Last Commit
2mos ago
css

@webpixels/css

Utility and component-centric Design System based on Bootstrap 5 for fast, responsive UI development.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
42
Weekly Downloads
1.7K
Last Commit
4mos ago

ng-lightning

Native Angular components & directives for Lightning Design System

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
903
Weekly Downloads
1.9K
Last Commit
2mos ago

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
302
Weekly Downloads
774
Last Commit
2mos ago
User Rating
Top Feedback
1Easy to Use

react-native-urbi-ui

Design system in use by Urbi's React Native app

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
6
Weekly Downloads
338
Last Commit
5mos ago

@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
735
Weekly Downloads
228
Last Commit
9mos ago
rns

react-native-sketchbook

design system for react-native

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
54
Weekly Downloads
103
Last Commit
6mos ago

@47ng/chakra-next

Opinionated design system for React, based on Chakra UI + Next.js, written in TypeScript.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
172
Weekly Downloads
94
Last Commit
3mos ago

@hackclub/design-system

Hack Club's (old) design system

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
152
Weekly Downloads
79
Last Commit
23d ago

@virtualcollector/design-system

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
0
Weekly Downloads
40
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
2.5K
Last Commit
vue

@growthbunker/vuedarkmode

A minimalist dark design system for vue.js

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
1.3K
Last Commit

@undataforum/components

Design system for @undataforum websites.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
14
Weekly Downloads
333
Last Commit
1yr ago