The best Vue.js Frameworks 2023

Framework-ception! This collection of frameworks helps you kickstart your Vue projects. There's a variety of libraries within the Vue-niverse that support you with routine tasks and boilerplate code.

If you think we're missing an essential entry on this list, just tell us via Twitter @MadeWithVueJS!

General Frameworks

Nuxt.js  48703

Nuxt is an opinionated framework that helps you create performant and SEO-friendly fullstack Vue apps. 

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 development easier for you.

Nuxt.js Intuitive Vue Application Framework
icon-eye-dark Created with Sketch. 18.799

Static Site Generators

VuePress  22022 & VitePress 9520

VuePress is a static site generator made by the Vue.js team. 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 22022 is a themeable solution that gets you from zero to published in no time. VuePress 1 is built on top of Webpack, but the @next version VuePress 2 also supports Vite.

A lightweight Vue 3 alternative also built by the core team on top of Vite is VitePress (alpha), which is more opinionated and minimal.

VuePress Vue-powered Static Site Generator
icon-eye-dark Created with Sketch. 6.741
Vitepress SSG Framework
icon-eye-dark Created with Sketch. 1.168

Gridsome  8514

Gridsome 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 Jamstack Framework
icon-eye-dark Created with Sketch. 4.345

eCommerce Frameworks

Vue Storefront  10335

Vue Storefront is an open-source headless eCommerce framework that lets you create frontends for any eCommerce backend or CMS. It's an API-first solution based on Nuxt.js, providing a great starting point for eCommerce, including a ready-to-use theme (Storefront UI).

It's an active open-source project adding new useful features and integrations regularly.

Vue Storefront Frontend as a Service for Headless Commerce
icon-eye-dark Created with Sketch. 31.404
StorefrontUI UI Framework for eCommerce
icon-eye-dark Created with Sketch. 18.897

VueFront  387

VueFront 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 Open-source PWA & SPA Frontend for CMS
icon-eye-dark Created with Sketch. 8.722

UI Frameworks

Vuetify 38378

  • ✅ Support for Vue 2 + 3

Vuetify 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 Material Component Framework
icon-eye-dark Created with Sketch. 89.201

Quasar  24571

  • ✅ Support for Vue 2 + 3

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 is modular and open-sourced, and is developed following best practices. It's stable since mid-2019.

Quasar Framework Multi-Platform Framework
icon-eye-dark Created with Sketch. 27.343

PrimeVue  5339

  • ✅ Support for Vue 2 + 3

PrimeVue is a comprehensive, open-source UI library for Vue with over 80 components. You can use it with Vue 3 as well as Vue 2.

It's design agnostic and offers various themes to choose from (Material Design, Bootstrap, FluentUI,.. – some of them premium), and helps you configure your own with their visual theme designer.

PrimeVue UI Component Library
icon-eye-dark Created with Sketch. 34.307

Oruga 1064

  • ✅ Support for Vue 2 + 3

Oruga is a minimal UI component library that doesn't depend on any CSS framework. It offers a set of components that give you the flexibility to make them your own. Oruga offers a default stylesheet, but it contains only essential rules to display the components.

It's super lightweight and unopinionated. Choose Oruga if you want to use your own existing design system!

Oruga UI Component Library
icon-eye-dark Created with Sketch. 2.884

Element UI 53768 & Element Plus 21911

  • ✅ Support for Vue 2 + 3

Element 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 – e.g. by offering Axure or Sketch templates.

Element UI is the Vue 2 version, and Element Plus is its successor based on Vue 3.

Element UI UI Toolkit
icon-eye-dark Created with Sketch. 195.081
Element Plus UI Component Library
icon-eye-dark Created with Sketch. 7.470

Naive UI 14128

  • ✨ Support for Vue 3

Naive UI is a customizable Vue 3 component library. In the words of its creator it's "fairly complete, not too slow and kinda interesting".

Naive UI is written in TypeScript and offers more than 80 treeshakable components – a nice, themeable system!

Naive UI Vue 3 Component Library
icon-eye-dark Created with Sketch. 19.569

Bootstrap Vue  14419

  • ✅ Support for Vue 2 + 3

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

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

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

Vue Material  9831

  • ⚡️ Vue 2 only

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

Vue Material Material Design Framework
icon-eye-dark Created with Sketch. 30.835

Buefy  9494

  • ⚡️ Vue 2 only

Buefy 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.

Buefy UI Component Library
icon-eye-dark Created with Sketch. 21.020

Mobile UI Frameworks

Ionic Vue 47774

  • ✅ Support for Vue 2 + 3

Ionic is an open-source toolkit for building native-looking apps for iOS, Android and the web from one single codebase.

Their Vue version provides their UI components including animations and gestures with Vue-specific tooling. Smooth & straightforward!

Ionic Vue Cross-Platform Mobile App Development Framework
icon-eye-dark Created with Sketch. 5.647

Framework7  17615

  • ✅ Support for Vue 2 + 3

Framework7 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.

Framework7 Vue Framework for building iOS, Android & Desktop Apps
icon-eye-dark Created with Sketch. 14.684

Onsen UI  8743

  • ✅ Support for Vue 2 + 3

Onsen UI 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 Vue Mobile App Development Framework
icon-eye-dark Created with Sketch. 13.848
Similar Articles
The State of Vue.js Report 2019 [via Monterail]
How and why are developers using Vue.js? If you are looking for answers to these questions, you should take a look at the State of Vue.js Report by Monterail!
#intervue: Jonathan Johnson, Creator of the Webpack Bundle Analyzer Packtracker
16.07.2019  •  in #Intervue
In this part of our #intervue series, Jonathan Johnson shares his journey of building, a Webpack Bundle Analyzer built with Rails and Vue.js. Read on to find out about his process and challenges.