Categories
Leaderboard
Choose the right package every time
Openbase helps you choose packages with reviews, metrics & categories.
Learn more
Categories
Leaderboard
Feedback
Sign up with GitHub
By signing up, you agree to our
terms of service
and
privacy policy
Log In
Earn Tokens
Sign Up
10 Tokens
Review a package
10 - 20 Tokens
Review gets an upvote
10 Tokens
What's Openbase?
•
Help
•
Send Feedback
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
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
26.1K
Weekly Downloads
302K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.7
/ 5
48
Top Feedback
23
Great Documentation
23
Easy to Use
17
Bleeding Edge
antd
An enterprise-class UI design language and React UI library
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
80.4K
Weekly Downloads
868K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.5
/ 5
578
Top Feedback
65
Great Documentation
56
Easy to Use
38
Highly Customizable
carbon-components-react
A design system built by IBM
Save
Apache-2.0
TypeScript Definitions:
DefinitelyTyped
GitHub Stars
5.6K
Weekly Downloads
55.6K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
5.0
/ 5
1
Top Feedback
3
Great Documentation
2
Easy to Use
1
Bleeding Edge
@chakra-ui/core
⚡️ Simple, Modular & Accessible UI Components for your React Applications
Save
MIT
TypeScript Definitions:
Built-In
Deprecated
GitHub Stars
26.1K
Weekly Downloads
12.4K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.6
/ 5
35
Top Feedback
11
Easy to Use
10
Great Documentation
6
Highly Customizable
theme-ui
Build consistent, themeable React apps based on constraint-based design principles
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
4.5K
Weekly Downloads
106K
Last Commit
2mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.7
/ 5
6
Top Feedback
4
Great Documentation
3
Performant
3
Highly Customizable
gestalt
A set of React UI components that supports Pinterest’s design language
Save
Apache-2.0
TypeScript Definitions:
DefinitelyTyped
GitHub Stars
4K
Weekly Downloads
13.1K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
5.0
/ 5
1
Top Feedback
@blueprintjs/core
A React-based UI toolkit for the web
Save
Apache-2.0
TypeScript Definitions:
Built-In
GitHub Stars
18.9K
Weekly Downloads
184K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.8
/ 5
19
Top Feedback
6
Great Documentation
4
Easy to Use
4
Highly Customizable
@elastic/eui
Elastic UI Framework 🙌
Save
SEE LICENSE IN LICENSE.txt
TypeScript Definitions:
Built-In
GitHub Stars
3.6K
Weekly Downloads
32.4K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.5
/ 5
4
Top Feedback
5
Easy to Use
4
Great Documentation
3
Responsive Maintainers
carbon-components
A design system built by IBM
Save
Apache-2.0
TypeScript Definitions:
DefinitelyTyped
GitHub Stars
5.6K
Weekly Downloads
128K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.0
/ 5
5
Top Feedback
2
Great Documentation
2
Easy to Use
2
Highly Customizable
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Save
Apache-2.0
TypeScript Definitions:
Not Found
GitHub Stars
7.9K
Weekly Downloads
26.5K
Last Commit
2mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.6
/ 5
12
Top Feedback
5
Easy to Use
4
Great Documentation
2
Highly Customizable
style-dictionary
A build system for creating cross-platform styles.
Save
Apache-2.0
TypeScript Definitions:
Built-In
GitHub Stars
2.4K
Weekly Downloads
100K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
User Rating
5.0
/ 5
1
Top Feedback
1
Great Documentation
1
Performant
1
Highly Customizable
ng-zorro-antd
Angular UI Component Library based on Ant Design
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
8.1K
Weekly Downloads
69.2K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.4
/ 5
8
Top Feedback
7
Great Documentation
6
Easy to Use
4
Performant
@primer/components
An implementation of GitHub's Primer Design System using React
Save
MIT
TypeScript Definitions:
Built-In
Deprecated
GitHub Stars
1.7K
Weekly Downloads
34.4K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.0
/ 5
1
Top Feedback
1
Easy to Use
dri
dripsy
🍷 Responsive, unstyled UI primitives for React Native + Web.
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
1.2K
Weekly Downloads
3.3K
Last Commit
2mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
User Rating
5.0
/ 5
1
Top Feedback
@nebular/theme
💥 Customizable Angular UI Library based on Eva Design System 🌚✨Dark Mode
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
7.5K
Weekly Downloads
20.8K
Last Commit
4mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.4
/ 5
19
Top Feedback
4
Great Documentation
3
Easy to Use
2
Performant
@chakra-ui/vue
⚡️ Build scalable and accessible Vue.js applications with ease.
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
1.5K
Weekly Downloads
1.3K
Last Commit
4mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.5
/ 5
2
Top Feedback
1
Great Documentation
1
Easy to Use
1
Performant
@ui-kitten/components
💥 React Native UI Library based on Eva Design System 🌚✨Dark Mode
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
9.1K
Weekly Downloads
10.2K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
User Rating
4.8
/ 5
11
Top Feedback
1
Great Documentation
1
Easy 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.
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
73.8K
Weekly Downloads
1.5M
Last Commit
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.7
/ 5
26
Top Feedback
27
Easy to Use
23
Great Documentation
15
Highly Customizable
ss
styled-system
Responsive, theme-based style props for building design systems with React
Save
MIT
TypeScript Definitions:
DefinitelyTyped
GitHub Stars
Weekly Downloads
556K
Last Commit
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
5.0
/ 5
1
Top Feedback
1
Easy to Use
1
Highly 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.
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
73.8K
Weekly Downloads
2M
Last Commit
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
4.5
/ 5
2
Top Feedback
1
Great Documentation
1
Easy to Use
soft-ui-design-system
Soft UI Design System - Open Source Bootstrap 5 design system
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
134
Weekly Downloads
976
Last Commit
2mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
User Rating
5.0
/ 5
1
Top Feedback
mu
material-ui
React Components that Implement Google's Material Design.
Save
MIT
TypeScript Definitions:
DefinitelyTyped
Deprecated
GitHub Stars
Weekly Downloads
85.9K
Last Commit
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
5.0
/ 5
4
Top Feedback
5
Great Documentation
5
Easy to Use
2
Performant
rnd
react-native-design-system
A tiny design system
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
215
Weekly Downloads
141
Last Commit
1mo ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
User Rating
4.0
/ 5
1
Top Feedback
rebass
⚛️ React primitive UI components built with styled-system.
Save
MIT
TypeScript Definitions:
DefinitelyTyped
GitHub Stars
7.7K
Weekly Downloads
62.7K
Last Commit
10mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
3.3
/ 5
3
Top Feedback
2
Abandoned
1
Great Documentation
1
Easy to Use
@qvant/qui
A Vue.js design-system for Web.
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
216
Weekly Downloads
138
Last Commit
8mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
User Rating
5.0
/ 5
1
Top Feedback
1
Great Documentation
1
Easy to Use
1
Performant
cu
chakra-ui
⚡️Simple, Modular & Accessible UI Components for your React Applications
Save
MIT
TypeScript Definitions:
DefinitelyTyped
GitHub Stars
438
Weekly Downloads
368
Last Commit
3yrs ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
5.0
/ 5
3
Top Feedback
1
Great Documentation
1
Easy to Use
1
Bleeding Edge
@artsy/palette
Artsy's design system
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
194
Weekly Downloads
2.5K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
@vtmn/vue
Decathlon Design System libraries for web applications
Save
Apache-2.0
TypeScript Definitions:
Built-In
GitHub Stars
146
Weekly Downloads
1.1K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
@commercetools-uikit/design-system
Component library 💅
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
126
Weekly Downloads
6.2K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
@cmsgov/design-system
Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites.
Save
SEE LICENSE IN LICENSE.md
TypeScript Definitions:
Built-In
GitHub Stars
221
Weekly Downloads
2.2K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
@salesforce/design-system-react
Salesforce Lightning Design System for React
Save
BSD-3-Clause
TypeScript Definitions:
Built-In
GitHub Stars
814
Weekly Downloads
13.7K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
@carbon/vue
Vue implementation of the Carbon Design System
Save
Apache-2.0
TypeScript Definitions:
Not Found
GitHub Stars
471
Weekly Downloads
2.8K
Last Commit
1mo ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
react-lightning-design-system
Salesforce Lightning Design System components built with React
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
248
Weekly Downloads
747
Last Commit
16d ago
Bundle Size
(min+gzip)
Tree-Shakeable
@icij/murmur
ICIJ's Design System for Bootstrap 4 and Vue.js
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
15
Weekly Downloads
364
Last Commit
2mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
pcln-design-system
Priceline.com Design System
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
657
Weekly Downloads
1.3K
Last Commit
3mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
@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 💛
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
450
Weekly Downloads
641
Last Commit
2mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
@globalbrain/sefirot
Vue Components for Global Brain Design System.
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
117
Weekly Downloads
328
Last Commit
3mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
@ui-schema/ds-material
React Form + UI generator for any design system, based on JSON-Schema, easy creation of complex custom widgets.
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
114
Weekly Downloads
266
Last Commit
2mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
css
@webpixels/css
Utility and component-centric Design System based on Bootstrap 5 for fast, responsive UI development.
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
42
Weekly Downloads
1.7K
Last Commit
4mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
ng-lightning
Native Angular components & directives for Lightning Design System
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
903
Weekly Downloads
1.9K
Last Commit
2mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
numl
Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System 🌈
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
302
Weekly Downloads
774
Last Commit
2mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
User Rating
Top Feedback
1
Easy to Use
react-native-urbi-ui
Design system in use by Urbi's React Native app
Save
Apache-2.0
TypeScript Definitions:
Built-In
GitHub Stars
6
Weekly Downloads
338
Last Commit
5mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
@gov.au/core
🛠 Component code and tests for the Australian Government design system
Save
MIT
TypeScript Definitions:
Not Found
Deprecated
GitHub Stars
735
Weekly Downloads
228
Last Commit
9mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
rns
react-native-sketchbook
design system for react-native
Save
MIT
TypeScript Definitions:
Built-In
GitHub Stars
54
Weekly Downloads
103
Last Commit
6mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
@47ng/chakra-next
Opinionated design system for React, based on Chakra UI + Next.js, written in TypeScript.
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
172
Weekly Downloads
94
Last Commit
3mos ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
@hackclub/design-system
Hack Club's (old) design system
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
152
Weekly Downloads
79
Last Commit
23d ago
Bundle Size
(min+gzip)
Not Tree-Shakeable
@virtualcollector/design-system
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
0
Weekly Downloads
40
Last Commit
7mos ago
Bundle Size
(min+gzip)
Tree-Shakeable
com
@rebass/components
Create consistent styled-system based React UI components
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
Weekly Downloads
2.5K
Last Commit
Bundle Size
(min+gzip)
Not Tree-Shakeable
vue
@growthbunker/vuedarkmode
A minimalist dark design system for vue.js
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
Weekly Downloads
1.3K
Last Commit
Bundle Size
(min+gzip)
Tree-Shakeable
@undataforum/components
Design system for @undataforum websites.
Save
MIT
TypeScript Definitions:
Not Found
GitHub Stars
14
Weekly Downloads
333
Last Commit
1yr ago
Bundle Size
(min+gzip)
Tree-Shakeable
Suggest Additional Metrics
Suggest Another Package