The best Vue.js Frameworks

Vue.js is trending ( 92055 ) since 2015 - Despite initially being written by just one person, Vue.js has been widely adopted by many Developers and is on par with Angular.js and React.js.

To help you kickstart your own Vue.js projects, there's a variety of frameworks ready to use. Here's an overview that'll be updated and extended over time.

Vuetify.js

Vuetify  10055 is a Material Design component framework for Vue.js that empowers developers to create amazing applications fast and efficiently. All of the framework components are meticulously crafted to provide an easy to use interface while still maintaining the flexibility for seriously complex implementations. From first time developer to veteran, Vuetify has you covered.

icon-star Created with Sketch.
Vuetify.js A semantic component framework that utilizes Material Design.
icon-eye-dark Created with Sketch. 39.555

Quasar-Framework

Build responsive websites, PWAs, hybrid mobile Apps (that look native!) and Electron apps, all simultaneously using the same codebase, powered with Vue.  5777

Quasar-Framework Build responsive websites, hybrid mobile Apps (that look native!) and Electron apps using same code, with VueJs 2.
icon-eye-dark Created with Sketch. 10.372

Vuikit

A responsive Vue UI library  985 based on the front-end framework UIkit.

Vuikit A responsive Vue UI library based on the front-end framework UIkit.
icon-eye-dark Created with Sketch. 957

Vuecidity

Vuecidity is a free component library for Vue.js, inspired by Google Material Design and Bootstrap. It provides developers with a huge set of 30+ UI components, 24-column responsive layout grid system, styles and colours, beautifully crafted form elements and a couple of useful Vue directives.

Vuecidity Component Library for Vue.js, based on Material Design & Bootstrap
icon-eye-dark Created with Sketch. 2.003

Vuesax

Vuesax  394 is a library of vue js components that facilitate the frontend and streamlines the work with great visual quality.

Vuesax A growing Vue.js UI library
icon-eye-dark Created with Sketch. 4.646

VueStrap

Bootstrap components built with Vue.js. No jQuery, bootstrap.js, or any 3rd party plugins required.  4715

VueStrap Bootstrap components built with Vue.js.
icon-eye-dark Created with Sketch. 5.329

Buefy

Buefy  2649 is a lightweight library of UI components for Vue.js based on Bulma framework and design.

Buefy Lightweight UI components for Vue.js based on Bulma.
icon-eye-dark Created with Sketch. 5.324

Vue-Admin

A Vue Admin Panel Framework 7782, Powered by Vue.js and Bulma.

vue-admin Vue Admin Panel Framework
icon-eye-dark Created with Sketch. 12.022

Element Ui

Element 25799, a Vue 2.0 based component library for developers, designers and product managers.

Element Ui A mature Vue.js 2.0 UI Toolkit for Web.
icon-eye-dark Created with Sketch. 20.637

Vue Material

Vue Material  5936 is lightweight framework built exactly according to the Material Design specs. Build powerful and well-designed web apps that can fit on every screen!

Vue Material Material Design Framework for Vue.js
icon-eye-dark Created with Sketch. 8.821

Bootstrap Vue

Bootstrap-Vue  4805 provides a very comprehensive implementation of Bootstrap V4 components and grid system available for Vue.js 2.4+, complete with extensive and automated WAI-ARIA accessibility markup.

Bootstrap Vue Bootstrap Implementation for Vue.js
icon-eye-dark Created with Sketch. 494

Framework 7

Bring components-syntax, structured data and data bindings to Framework7  12187 with power and simplicity of Vue.js

Framework 7 Full Featured HTML Framework for Building iOS & Android Apps
icon-eye-dark Created with Sketch. 5.350

Vue Blu

A flexible and powerful UI components library  1304 for developing fast and powerful web application

Vue Blu A flexible and powerful UI components library for developing fast and powerful web applications.
icon-eye-dark Created with Sketch. 5.849

Keen UI

A lightweight collection of essential UI components  3339 written with Vue.js and inspired by Material Design.

Keen UI A lightweight collection of essential UI components inspired by Material Design.
icon-eye-dark Created with Sketch. 7.483

Mint UI

Mint UI  10634 provides abundant CSS and JS components for building mobile applications. With it, you can create web pages in cohesive style ever faster. Thanks to the efficient component-based approach of Vue.js, Mint UI is pretty light-weight. When all imported, the compressed code takes only ~30kb (JS + CSS) gzip space.

Mint UI Mobile UI elements for Vue.js
icon-eye-dark Created with Sketch. 5.249

Vux

Mobile UI Components based on Vue & WeUI  12161

Vux Mobile web UI Components based on Vue.js and WeUI.
icon-eye-dark Created with Sketch. 5.541

Onsen UI for Vue.js 2

Complete set of Vue.js 2 components  6279 to create hybrid & mobile web apps with iOS & Android native look and feel. Write code once and get it autostyled for each platform.

Onsen UI for Vue.js 2 Complete set of Vue.js 2 components to create hybrid & mobile web apps.
icon-eye-dark Created with Sketch. 7.169

iView

A high-quality UI Toolkit  14306 built on Vue.js with dozens of useful and beautiful components, built with a friendly API - made for people with any skill level.

iView A high quality UI Toolkit built on Vue.js.
icon-eye-dark Created with Sketch. 10.276

Semantic UI Vue

Semantic UI Vue  355 is the Vue integration for Semantic UI. It is highly inspired by Semantic UI React If you have used it already, you will find Semantic UI Vue's API to be almost the same.

Semantic UI Vue The Vue.js integration for Semantic UI.
icon-eye-dark Created with Sketch. 5.292
 

If you think I'm missing an essential entry on this list - just leave a comment or send me an email (armin@nifty.at)!

Similar Articles
The best Vue.js Admin Dashboards
16.04.2018  •  in #Frameworks
As admin dashboards usually rely heavily on JavaScript, it was just a matter of time until beautiful Dashboards & Templates built with Vue.js begin to emerge! In this post, you'll find a growing collection of  💰 premium and free Vue.js Admin Template...
Top Vuetify Tutorials
08.04.2018  •  in #Tutorial, #Vuetify
Vuetify.js is currently the biggest (and most complete) Material Component Framework for Vue.js. More and more excellent Vuetify Learning Ressources are emerging! Here, I collect some of them.
Our first SaaS application using Vue.js [via alka-web.com]
10.04.2018  •  in #Bookmarks
In this article, you will be taken through alkaweb's long nerdy journey crafting Feedier.
Comments