The best Vue.js Frameworks

Vue.js 157274 is one of the most important JS frameworks by now – together with React and Angular it belongs to the "big three".

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.

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

last edited - 06.02.2020

General Frameworks

Nuxt.js

Nuxt  25408 is an opinionated framework for creating Vue apps. A framework for the framework, so to say. It makes it easy to develop universal apps (but also helps with developing typical Vue SPAs).

Nuxt focuses on the UI rendering aspect and offers modes for server-side rendering, static site generation or creating an SPA. It presets all of the config and structure you need to make the development easier for you.

Nuxt.js A minimalistic framework for Vue.js applications
icon-eye-dark Created with Sketch. 11.493

Static Site Generators

VuePress

This static site generator is made by the Vue.js team itself. Originally, it has been developed to power the official Vue Docs.

It works with a markdown-centered project structure, and generates pre-rendered HTML that then feeds into an SPA. VuePress 15512 is a pretty minimal, lightweight and themeable solution that gets you from zero to published in no time. As of now, it offers a theme for documentations and a blog out of the box.

VuePress Vue-powered Static Site Generator
icon-eye-dark Created with Sketch. 4.003

Gridsome

Gridsome 5506 is an open-sourced static site generator powered by GraphQL and Vue.js. It helps you quickly build PWAs for any data source. You can connect it to headless CMS, local files or APIs.

It takes care of performance optimization by pre-rendering HTML, code splitting, automatic image compression, lazy loading and more.

Gridsome Static Site Generator
icon-eye-dark Created with Sketch. 1.441

eCommerce Frameworks

Vue Storefront

Vue Storefront 6241 is a framework that lets you create PWA for any eCommerce backend – Magento, Pimcore, BigCommerce, Prestashop,... It helps you build performant store frontends based on a microservice architecture.

It's a very active open-source project (180+ contributers) that offers new useful features and services regularly – like a voice commerce integration to connect your store with Alexa or Google Assistant, or a GraphQL service.

Vue Storefront Standalone PWA storefront for your eCommerce
icon-eye-dark Created with Sketch. 18.295

VueFront

VueFront 11630 lets you create an SPA frontend for eCommerce sites and blogs. It currently supports Magento, PrestaShop and OpenCart, as well as WordPress.

Once you installed the VueFront web app and connected it to your CMS, you can choose from ready-made themes for your shop frontend – or customize them to fit your needs. The templates are all structured using Atomic Design.

This solution might be interesting for those with older shops, that want a tech update without having to build everything from the ground up!

VueFront CMS-agnostic SPA frontend for Blog & E-Commerce sites
icon-eye-dark Created with Sketch. 2.421

UI Frameworks

Vuetify.js

Vuetify  23863 is a material design component framework for Vue.js that empowers developers to create amazing applications fast and efficiently.

It has been around since 2016 and is maintained and extended consistently.

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.

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

Quasar-Framework

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

It offers a set of 120+ components from simple to more advanced like timelines, datatables, calendars, WYSIWYGs and more.

Quasar 13710 is modular and open-sourced, and is developed following best practices. It's stable since mid-2019.

Quasar-Framework High Performance Full Frontend Stack
icon-eye-dark Created with Sketch. 20.487

Vuesax

Vuesax  3927 is a library of Vue components focusing on making development easy in style. It has a super interesting design that differentiates it from more utilitaritan frameworks.

It's still quite young, but has been developed and expanded continuously. We love to watch it grow!

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

Buefy

Buefy  7064 is a lightweight library of UI components for Vue.js based on the Bulma framework and design. It's like a JS layer for your Bulma interface.

Buefy is only about 60KB (minified & gzipped) and has no other internal dependencies. One of its core principles is "Keep it simple", which can really be felt when using it.

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

Bootstrap Vue

Bootstrap-Vue  10881 provides a very comprehensive implementation of Bootstrap V4 components and grid system.

It offers more than 30 plugins and 80 UI components and is accessible by default by providing automated WAI-ARIA markup.

(It's also super easy to integrate into Nuxt.js projects!)

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

Element Ui

Element 43854 is a component toolkit available for Vue.js, React and Angular.

It does not only support the workflows of developers, but designers and project managers as well – f.ex. by offering axure or sketch templates.

Element UI UI Toolkit
icon-eye-dark Created with Sketch. 97.550

Vue Material

Vue Material  8569 is lightweight framework built exactly according to the Material Design specs.

It's also the basis for the themes Vue Material Dashboard and Vue Material Kit by Creative Tim, which we're definitely fans of! 

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

Keen UI

Keen UI  3867 is a lightweight collection of UI components   inspired by Material Design.

You can use it with any page layout, structure or CSS framework – it focuses on interactive JS components.

Keen UI UI components inspired by Material Design
icon-eye-dark Created with Sketch. 13.283

Mobile UI Frameworks

Framework7

Framework7 15212 is an open-source framework that lets you develop hybrid mobile apps or web apps that look like native apps. It offers iOS, Material Design and Aurora themes out of the box which makes it super easy to create apps with a native iOS or Android look and feel.

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

Vux

Vux 16763 is a collection of mobile UI Components based on Vue & WeUI that can be used in a modular way.

The (extensive) documentation is only available in Chinese right now, but be sure to check out the (english!) demo nonetheless.

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

Onsen UI

Onsen UI 7837 provides a variety of Vue.js components to create hybrid & mobile web apps with a native iOS & Android native look and feel as well.

The components automatically adapt to the respective styles according to the device the app is running on.

Onsen UI for Vue.js 2 Open-Source Framework to create PWAs & hybrid apps
icon-eye-dark Created with Sketch. 10.352
 
Similar Articles
The State of JavaScript 2018 [Report via stateofjs.com]
29.11.2018  •  in #Bookmarks
The State of JavaScript report shows data from a survey of 20.000 developers. Discover what they said about frameworks, libraries and the current state of JavaScript!
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.