This post was last updated over a year ago, therefore the contents of this post may be out of date.

vue.js is a progressive JavaScript Framework for building user interfaces. It’s a very small and lightweight compared to other more complex front-end frameworks. And vue.js is very simple to use and easy to get started.

It is important to know that it can do anything with the user interface, but it doesn’t care about the model or database. vue.js was designed from the ground up to be incrementally adoptable. This makes it very easy to integrate into an existing project and at the same time, it is strong enough to build powerful single page applications.

When comparing it to other frameworks, vue.js has its own pros & cons. The main advantage is that it is very lightweight and easy to use. It doses score higher in some benchmarks when it comes to performance and it offers us to build reactive interfaces. Plus it also provides a large set of directives. Data binding, template logic, event handling and much more.

Today in this post you will find some useful vue.js frameworks to help you build your applications much faster.

1. Nuxt

Nuxt.js is a minimal framework for creating Vue.js applications with server side rendering, code-splitting, hot-reloading, static generation and more!

2. Mint UI

Mobile UI elements for Vue.js

3. Element

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

4. Vuetify

Vuetify.js is a reusable semantic material component framework for Vue.js 2. It aims to provide clean, semantic & reusable components.

5. Weex

Weex is a framework for building Mobile cross-platform high-performance UI applications. Developers can leverage their existing knowledge of VueJS, by writing *.vue files to build native applications or pages. This page will help you to write a Weex application in 2 minutes.

6. Eagle

Eagle.js is a slideshow system built on top of the Vue.js web framework. It supports animations, themes, interactive widgets (for web demos), and makes it easy to reuse components, slides, and styles across presentations.

7. Buefy

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

8. Framework7

Framework7 is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and feel. Bring components-syntax, structured data and data bindings to Framework7 with power and simplicity of Vue.js

9. Ream

Server-side rendered Vue.js app should be made easy, since vue-router is well optimized for SSR, we built ream on the top of it to make you build universal Vue.js app fast with fewer trade-offs, the only requirement is to export router instance in your entry file, which means you have full control of vue-router as well!

10. Bootstrap + Vue

Bootstrap-Vue provides one of the most comprehensive implementations of Bootstrap V4 components and grid system available for Vue.js 2.4+, complete with extensive and automated WAI-ARIA accessibility markup.

11. Onsen UI for Vue

Onsen UI provides a wide variety of ready-to-use Vue Components that emulate iOS and Android UI guidelines and designs.Simply pick out the elements you want in your app (like navigators, tabbar, lists, buttons… you name it) and they automatically show the iOS or Android look and feel according to the device they are running in.Building native-looking and high-performance apps could never be easier.

12. Vue Material

Vue Material is lightweight framework built exactly according to the Material Design specs. It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.


12 Best Vue.js based UI Frameworks for your Apps