Awesome Vue.js UI Components Libraries

The Top 17 Most Used Vue UI Libraries in 2023(Updated at Mar 25, 2023)

Do you need an Vue UI library? An UI library is an abstraction that makes a user interface into isolated blocks like tables, forms, sidebars, dialogs, etc. Component library is a collection of ui material that are used in order to build an web app quickly. Component library also improve user experience, development efficiency, and unified design.

Vue UI Components Collection

The list is sorted by download times.
  1. vuetify

    Vuetify is a Vue UI Library with beautifully handcrafted Components using the Material Design specification. No design skills required — everything you need to create amazing applications is at your fingertips.
  2. bootstrap-vue

    With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
  3. element-plus

    Vue 3 based component library for designers and developers.
  4. v-calendar

    A clean and extendable plugin for building simple attributed calendars in Vue.js.
  5. vue-slider-component

    A highly customized slider component
  6. quasar

    Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  7. vue2-datepicker

    A Datepicker Component For Vue2
  8. ant-design-vue

    An enterprise-class UI design language and Vue-based implementation
  9. primevue

    PrimeVue is a rich set of open source UI Components for Vue. 350+ ready to copy-paste UI blocks to build spectacular applications in no time.
  10. buefy

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

    Vue.js Notification Library
  12. vant

    Lightweight Mobile UI Components built on Vue. Provide Sketch and Axure design resources.
  13. vue-good-table

    A simple, clean data table for VueJS (2.x) with essential features like sorting, column filtering, pagination etc
  14. vue-upload-component

    Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter
  15. @ionic/vue

    Ionic Framework integration for Vue 3 apps. Ionic Framework is an open source mobile UI toolkit for building modern, high quality cross-platform mobile apps.
  16. vue-star-rating

    A simple, highly customisable star rating component for Vue 2.x.
  17. vue-material-design-icons

    A collection of material design icons as Vue single file components
  18. naive-ui

    A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
  19. vue-material

    Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs. Build well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API.
  20. vue-text-mask

    Vue component for input masking
  21. vue-timeago

    A timeago filter for Vue.
  22. view-design

    A high quality UI components Library with Vue.js
  23. @arco-design/web-vue

    Arco Design Vue 2.0: A Vue.js 3 UI Library
  24. tdesign-vue

    TDesign Vue is a UI component library for Vue 2 and desktop application.
  25. keen-ui

    Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design.
  26. vuestic-ui

    Vue 3 UI Framework. Make Vuestic UI components match your designs with powerful dynamic configs. Use Vuestic UI with other component libraries without any conflicts.
  27. @chakra-ui/vue

    Build Accessible and Responsive Vue.js websites and applications with speed ⚡️