The complete master-list based on and of the best Vue UI component libraries and frameworks lists for 2019. part 1 part 2 As the star-wars are raging, Vue.js recently passed in the number of GitHub stars. Although still behind React in the sheer number of downloads according to NPM, the popularity of Vue.js seems to be growing. React Like React, one of Vue’s best features is the ability to compose your UI using isolated and modular components. To help build your next application faster, here are some of the best UI component libraries out there in 2019. : Using you can turn any component into an API that you can use from other projects, and even install with NPM, with 0 refactoring. You can also collaborate and share collections with your team. Tip Bit’s component platform _Bit helps you share, discover and use code components between projects and applications to build new features and…_bitsrc.io Bit - Share and build with code components 1. Vuetify This 11K stars popular library provides over 80 Vue.js components implemented according to Google’s material design guidelines. Vuetify supports all modern browsers across platforms, including IE11 and Safari 9+ (using polyfills), and comes with 8 vue-cli templates out of the box. _vuetify - Material Component Framework for Vue.js 2_github.com vuetifyjs/vuetify 2. Quasar framework At over 6K stars, Quasar is a popular framework for building Vue.js powered responsive websites, PWAs, hybrid mobile Apps and Electron apps. Quasar also supports features such as HTML/CSS/JS minification, cache busting, tree shaking, sourcemapping, code-splitting & lazy loading, ES6 transpiling, linting andaccessibility out of the box. _quasar - Quasar Framework_github.com quasarframework/quasar 3. Element At nearly 28K stars, Element is a Vue.js 2.0 UI Toolkit for Web. With a strong community and 350 contributors, the library provides a rich selection of customizable components along with a full style-guide and more resources. _element — A Vue.js 2.0 UI Toolkit for Web_github.com ElemeFE/element 4. Vue material At 6K stars vue-material is a simple library implementing Googles material design. The library also provides a webpack boilerplate, SSR template for Nuxt.js and a single HTML file to start with the framework. Here are some to help you get started. CodeSandBox examples _vue-material - Material design for Vue.js_github.com vuematerial/vue-material 5. Keen-UI At nearly 3.5K stars, keen-ui is a collection of Vue components inspired by material design. 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 _Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design_github.com JosephusPaye/Keen-UI 6. Buefy At 3k stars this library provides Lightweight UI components for Vue.js based on , which are the library’s only two internal dependancies. The library’s size is about 60KB min+gzip (with Bulma included). You can check out the and play with the code on Codepen. Bulma live docs site _buefy - Lightweight UI components for Vue.js based on Bulma_github.com buefy/buefy 7. Bootstrap Vue At over 5K stars, bootstrap-vue provides implementations of Bootstrap 4 components and grid system for Vue.js and with an automated WAI-ARIA accessibility markup. Here’s a quick link for in the docs. browsing components _bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid…_github.com bootstrap-vue/bootstrap-vue 8. Muse-UI At over 6K stars, Muse is yet another MD library for Vue 2.0, providing over 40 UI components and customizable themes. The docs are mainly in Chinese, but most is self explanatory. The project is actively developed and maintained. _muse-ui — Material Design UI library for Vuejs 2.0_github.com museui/muse-ui 9. AT-UI At nearly 1.5K stars, AT-UI provides a modular front-end UI framework for developing fast web interfaces based on Vue.js, suited for desktop apps. With an NPM + Webpack + Babel Front-End development workflow and independent CSS styling, this library is worth checking out. _at-ui - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0_github.com AT-UI/at-ui 10. Vux At over 13K stars, Vux is a popular community library is based on WeUI and Vue 2.0. The library also supports a webpack + vue-loader + vux workflow. The here are also in Chinese, and so is the live . docs community hub _vux - Mobile UI Components based on Vue & WeUI_github.com airyland/vux 11. iView At nearly 16K stars, iView provides dozens of UI components and widgets built with Vue.js and styled with a clean and elegant design. iView is widely adopted and , and comes with its own to help create projects in a visual way. This one is worth trying out. actively maintained CLI tool _iview - A high quality UI Toolkit built on Vue.js 2.0_github.com iview/iview 12. Uiv At “only” 550 stars, Uiv is a Bootstrap 3 component library for Vue 2. All component combined are ~20KB, and the only external dependencies are Vue and Bootstrap CSS. A Webpack-based workflow is supported. _uiv - Bootstrap 3 components implemented by Vue 2._github.com wxsms/uiv 13. Vuikit At 1K stars vuikit is a responsive Vue UI library for web site interfaces, with a clean and consistent design. The library is build as a “monorepo” managed by Yarn workspaces, when icons and themes are published as separate packages. _vuikit - A responsive Vue UI library for web site interfaces_github.com vuikit/vuikit 14. Onsen UI + Vue Based on the popular Onsen-UI frameworks, These Vue bindings for the provide components that wrap the core web Components and expose a Vue-like API. Onsen UI Components are also designed to act reactively to props. _Learn how to use Vue.js with Onsen UI._onsen.io Vue.js 2+ - Onsen UI 15. Semantic Ui + Vue This project is basically a Vue.js integration for the popular Semantic-UI framework. Still under development, the library provides an API similar to that of Semantic-UI as well as a set of customizable themes. See . example _Semantic UI Vue is the Vue integration for Semantic UI_semantic-ui-vue.github.io Semantic UI Vue 16. Fish-UI Although “only” at 500 stars and 3 contributors, fish-ui provides a Vue-based web toolkit with neat and clean looking components. The library supports a ES2015 + Webpack workflow. The documentation isn’t great, but the design is not to be overlooked. Your’e welcome to take a peek. _fish-ui - A Vue.js 2.0 UI Toolkit for Web_github.com myliang/fish-ui 17. Mint UI At over 11K stars, Mint-UI provides UI elements for Vue.js, with CSS and JS components for building mobile applications. When all imported, the compressed code takes only ~30kb (JS + CSS) gzip space. Import for individual components is supported. Here’s a . quick demo _mint-ui - Mobile UI elements for Vue.js_github.com ElemeFE/mint-ui 18. Framework 7 Vue This integration provides almost all of Framework7's elements and components with integration of Framework7 Router to render pages in a Vue completable way. The library is under and maintenance. active development _Bring components-syntax, structured data and data bindings to Framework7 with power and simplicity of Vue.js_framework7.io Framework7 Vue 19. Cube UI At over 3K stars cube-ui is a UI component library for Vue.js mobile apps. All components are unit-tested, and the library also supports and component import on demand. Cube-UI is still under active development. post-compile _cube-ui - 🔶 A fantastic mobile ui lib implement by Vue_github.com didi/cube-ui 20. Vueblu At 1.5K stars, vueblu is a UI component library based on Vue 2.0 and , made for building middle and back office products. It supports ES2015 and an NPM+Webpack+Babel workflow, and provides customizable themes. Bulma _vue-blu - UI Component Library Base on Vue.js(2.x) and Bulma_github.com chenz24/vue-blu 21. Ant design Vue At 1.5K stars, this Vue.js integration for is built for developing enterprise-level back-end products with dozens of components implementing Ant design, and supports a Webpack-based debug build solution that supports ES6. Note that it hasn’t been developed for a while. Ant design _vue-antd - Vue UI Component & Ant.Design_github.com okoala/vue-antd Honorable mentions ⭐️ , , , , , , , , … comment to add more! :) n3-components vuikit Kendu UI Vue Office Fabric-Vue vuestrap vueboot framevuerk Vue WeUI Vue-MDC Learn more _9 Useful tips for writing better code in React: Learn about Linting, propTypes, PureComponent and more._blog.bitsrc.io How To Write Better Code In React _5 tools to speed the development of your React application, focusing on components._blog.bitsrc.io 5 Tools For Faster Development In React _11 Useful Javascript utility libraries to speed your development._blog.bitsrc.io 11 Javascript Utility Libraries You Should Know In 2018

CodePen

Google

I write code and words. Learn about Bit: github.com/teambit/bit

Read My Stories

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

21 Top Vue.js UI Libraries For Your App

Too Long; Didn't Read

Companies Mentioned

Jonathan Saring

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

21 Top Vue.js UI Libraries For Your App

Too Long; Didn't Read

Companies Mentioned

Jonathan Saring

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES