shards-dashboard-vue - A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components

•    Vue

---

A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note: You can download the Sketch files from the official product page.

vue vuejs uikit dashboard admin admin-dashboard template design design-system ux modern

Vuetify.js - Material Component Framework for Vue.js 2

•    Javascript

---

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

vue vuejs vuejs2 vue2 vue-components vue-component material-design material material-theme material-components semantic vue-material vuetify vuetifyjs

Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design

•    Javascript

---

Keen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google's Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec. Keen UI is not a CSS framework. As such, it doesn't include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.

vue material-design ui components vuejs

Buefy - Lightweight UI components for Vue.js based on Bulma

•    Vue

---

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. It supports both Material Design Icons and FontAwesome. Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery

vue bulma vue-admin vue-bulma components vuejs ui-components material-design

vuesax - Framework Components for Vue.js 2

•    Vue

---

Vuesax is a framework of components based on vue.js, it is a framework that is designed from scratch to be incrementally adoptable. The framework is focused on facilitating the development of applications, improving the design of the same without removing the necessary functionality. we want all the components to be independent in colors, shapes and design for a freedom that we like all front-end but without losing the speed of creation and production.

vue vuejs component vuesax lusaxweb componets framework library vuejs2 vue2 vue-components components css

ant-design-vue - An enterprise-class UI components based on Ant Design and Vue. 🐜

•    Vue

---

An enterprise-class UI components based on Ant Design and Vue. We recommend using npm or yarn to install，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

vue enterprise css ui-design antd ant-design frontend vuecomponent ui vue-antd vue-antd-ui react ant design component components framework

vue-beauty - Beautiful UI components build with vue and ant design

•    Javascript

---

Beautiful UI components build with vue and ant design

components vue vue-beauty vue-components ui-kit ui-design vue-component ant-design

vue-mdc-adapter - Material Components for VueJS

•    Vue

---

Vue wrapper arround Material Components for the Web

vue mdc material-components material-design vue-mdc-adapter vuejs vue-components material vue-material plugin components adapter design

storybook - UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!

•    TypeScript

---

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

storybook styleguide testing components library webpack ui react vue react-native design-systems angular polymer svelte ember marko ui-components documentation web-components angularjs babel eslint frontend jamstack markup reactjs reuseable storybookjs templated tool user-interface vuejs

vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide

•    Javascript

---

Project was started when not finding a tool that generates documentation of components with hot reloading, read documentation and have a playground. Created from React Styleguidist, implement additional support to read and compile .vue files. Only supports 2.x. Vue Styleguidist is a style guide generator for Vue components. It lists component and shows live, editable usage examples based on Markdown files. You can use it to generate a static HTML page to share and publish or as a workbench for developing new components using hot reloaded dev server.

vue-components styleguide vuejs vue parser vuejs2 doc styleguidist markdown documentation style-guide docs generator component components

iView - A high quality UI Toolkit built on Vue.js 2.0

•    Vue

---

A high quality UI Toolkit based on Vue.js. It has dozens of useful and beautiful components. It supports both Vue.js 2 and Vue.js 1.

vue components ui-kit vue-components ui-design iview vue.js component ui framework

design-system-react - Salesforce Lightning Design System in React

•    Javascript

---

Welcome to the project! 👋 This library is the React implementation of the Salesforce Lightning Design System. This library has a peer dependency on @salesforce-ux/design-system, react, and react-dom. It is tested with React 16 and has a stable API despite its version number. Please polyfill this library in order to meet your target environment needs. Please view Create React App Setup for more information on using this library with Create React App.

salesforce react salesforce-lightning frontend ui design-systems slds lightning reactjs salesforce-ux design-system lightning-design-system salesforce-lightning-design-system interactive-components interactive components

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

•    Javascript

---

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

react css ui styled-components rebass design-system react-components styled-system components grid typography layout color theme emotion react-component presentational stateless functional

vue-antd - Vue UI Component & Ant.Design

•    CSS

---

Ant Design components built with Vue.js

vue vue-antd vue-component antd

design-system-components - 🛠 Component code and tests for the Australian Government design system

•    HTML

---

The components for the Australian Government Design System. The design system components are distributed through the npm ecosystem and can only be installed through the npm command. Npm requires node.js and the components needs node.js 8 or higher.

design-systems government sass react design css auds components

quasar - Quasar Framework

•    Javascript

---

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.

quasar-framework vuejs vuejs2 vue vue-component ios android electron material vue-components material-theme material-design material-components vue2 pwa quasar js phone tablet desktop spa website

storybook - Interactive UI component dev & test: React, React Native, Vue, Angular

•    Javascript

---

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

storybook styleguide testing components library isolation webpack addons ui react vue react-native design-systems angular polymer

argon-design-system - Argon - Design System for Bootstrap 4 by Creative Tim

•    CSS

---

Start your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites. Argon Design System is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files.

design design-system bootstrap-4 design-systems webdesign responsive responsive-design profile-page creativetim creative-tim freebie freebies free

vue-material - Material design for Vue.js

•    Vue

---

If you are trying to find the documentation for previous versions, please go to old website.

vue material material-design vue-material

design-system - Priceline.com Design System

•    Javascript

---

If you'd like to contribute to the design system, we'd love to have your help. If you work at Priceline.com, please join the #design-system Slack channel and let us know what you'd like to work on. For all contributors, please be sure to read the Contributing doc.

design-system priceline react styled-components styled-system components ui design-systems css css-in-js