An Overview of the Top 10 Vue UI Component Libraries in 2021

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • chakra-ui-vue

    ⚡️ Build scalable and accessible Vue.js applications with ease.

  • Chakra UI is a simple modular and accessible component library that gives you the tools to build Vue applications quickly and easily.

  • bootstrap-vue

    BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

  • BootstrapVue, With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the popular front-end CSS library — Bootstrap. The documentation is easy to understand and it also easy to setup. It makes front-end implementations done faster.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

  • Quasar is one of the best Vue UI frameworks that allow developers to use one source code base for all platforms through Quasar CLI with the best practices out of the box. It lets developers focus on their App's content rather than all other boilerplating stuff (build system, layout) around it. it is focused on following the Material 2.0 guidelines and also has a very supportive community.

  • primevue

    Next Generation Vue UI Component Library

  • It's open-source, and has 1k+ stars on Github and 6,983 weekly downloads on NPM.

  • vuesax

    New Framework Components for Vue.js 2

  • It's open-sourced on github with about 4.9k stars and 6700 weekly downloads on npm.

  • ant-design-vue

    🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

  • It has over 13k stars on Github and on 39,693 weekly downloads on npm.

  • vue-material

    Vue.js Framework - ready-to-use Vue components with Material Design, free forever.

  • it has about 9.2k stars and 1.1k forks on github and 21k + weekly downloads on [NPM](https://www.npmjs.com/package/vue-material.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • Keen-UI

    A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.

  • it's open-sourced and has about 4k stars on Github.

  • Vue.js

    This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  • Vue JS is a progressive JavaScript framework that's used to develop single-page applications (SPAs) and User Interfaces. And it's one of the most widely-used front-end frameworks out there.

  • buefy

    Lightweight UI components for Vue.js based on Bulma

  • Buefy is a lightweight UI component library for Vue JS based on Bulma( a css framework). Buefy combines Bulma with Vue, helping you build good-looking applications using minimal code. it is the javascript layer for your Bulma interface

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts