10 Best Vue Design System Libraries

List hand-picked by Openbase Experts
Learn More

@chakra-ui/vue

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
1K
Weekly Downloads
967
Last Commit
4mos ago

@qvant/qui

A Vue.js design-system for Web.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
211
Weekly Downloads
133
Last Commit
4mos ago

owncloud-design-system

🎨 A pattern library for ownCloud for Vue.js

License Icon
License: AGPL-3.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
23
Weekly Downloads
1K
Last Commit
1mo ago

@baloise/design-system-components-vue

The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
24
Weekly Downloads
319
Last Commit
2mos ago

@vtmn/vue

Decathlon Design System libraries for web applications

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
124
Weekly Downloads
133
Last Commit
1mo ago

@spaceone/design-system

SpaceONE Design System

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
17
Weekly Downloads
123
Last Commit
2mos ago

@sysvale/cuida

A design system built by Sysvale, using storybook and Vue components

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
15
Weekly Downloads
201
Last Commit
1mo ago

@carbon/vue

Vue implementation of the Carbon Design System

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
434
Weekly Downloads
3K
Last Commit
3mos ago

@geoblink/design-system

Collection of Vue components and Design Tokens used across Geoblink

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
23
Weekly Downloads
1K
Last Commit
1mo ago

@globalbrain/sefirot

Vue Components for Global Brain Design System.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
117
Weekly Downloads
226
Last Commit
2mos ago

@icij/murmur

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
15
Weekly Downloads
318
Last Commit
1mo ago

uinix-ui

A minimal framework-agnostic UI system to build UI systems. Your system, your rules 🤘.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
9
Weekly Downloads
124
Last Commit
3mos ago
vue

vuetning

Salesforce Lightning Design System framework for Vue.js 2

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
22
Weekly Downloads
78
Last Commit
2mos ago

@w2wds/vue

Library of components for the Graphite Design System

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
8
Weekly Downloads
11
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 🌈

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
294
Weekly Downloads
13
Last Commit
5mos ago
neo

@aotearoan/neon

Neon is a modern VueJS design library built with Typescript and SASS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
18
Weekly Downloads
821
Last Commit
10mos ago
bre

breadstick

🥖A simple and flexible stacking, positioning & dismissal API for authored toast style notifications in Vue.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
115
Weekly Downloads
1K
Last Commit
10mos ago
vue

@growthbunker/vuedarkmode

👩‍🎨👨‍🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
799
Last Commit
5mos ago
wds

@world-vision-canada/wvc-design-system

WVC Vue Design system is a fork of Vue Design System, an open-source tool for building Design Systems with Vue.js

License Icon
License: UNLICENSED
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2K
Last Commit
N/A
v3

@mozaic-ds/vue-3

Vue.js implementation of Mozaic Design System

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
701
Last Commit
N/A
vue

@mozaic-ds/vue

Vue.js implementation of Mozaic Design System

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
635
Last Commit
N/A
pbv

project-booster-vue

**project-booster-vue** is the [vue.js](https://vuejs.org) implementation of the Project Booster design system.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
368
Last Commit
N/A

planetar

A Vue framework for creating a design system styleguide with interactive component explorer 🪐

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
5
Last Commit
9mos ago
bds

@britecore/bc-design-system

A Component Library for Vue.js.

License Icon
License: UNLICENSED
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
336
Last Commit
N/A

@square/orbit

Square eCommerce's (formerly Weebly) Vue.js UI component library

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
52
Weekly Downloads
248
Last Commit
1yr ago
onn

onno

Responsive style props for building themed design systems

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
96
Weekly Downloads
200
Last Commit
1yr ago
mds

@maticnetwork/matic-design-system

[![Netlify Status](https://api.netlify.com/api/v1/badges/cbed49d4-ef6a-48ed-a2b8-d0810b1a71e5/deploy-status)](https://matic-design-system.netlify.app)

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
152
Last Commit
N/A
bds

birds-design-system

An open source tool for building UI Design Systems with Vue.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
1
Last Commit
9mos ago
vat

vue-argon-theme

An easier way to install the Vue Argon Design System

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
37
Last Commit
2yrs ago

vue-styled-system

Design system utilities wrapper for Vue components, based on styled-system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
23
Weekly Downloads
1
Last Commit
4yrs ago