Resources / Vue UI Libraries
Vuetify brings Material Design to Vue with unmatched completeness, Quasar targets every platform from SPA to PWA, and Naive UI offers a fully typed, theme-ready option for Vue 3 projects.
Quick Guide
Use CodeHelper's tools when you need:
- •Privacy & offline processing
- •No account or signup required
- •Fast, client-side operations
Use external tools when you need:
- •Team collaboration features
- •Cloud storage & synchronization
- •Extensive template libraries
All Tools
Vuetify
Material design component framework
Bootstrap Vue
Use Bootstrap components with Vue
Buefy
Lightweight UI components based on Bulma
Semantic UI Vue
Semantic UI Vue is the Vue integration for Semantic UI
Arco Design Vue
A comprehensive Vue UI components library based on the Arco Design system.
VEUI
VEUI is an enterprise UI component library, based on Vue.js.
Grace
Design System For Vue Applications.
Quasar
High-performance Material Design component suite with builders for SPA, SSR, PWA, Mobile (Cordova & Capacitor), Desktop (Electron) and Browser extensions
Element
Desktop UI library for Vue
Fish UI
Vue UI toolkit for the web
Keen UI
VueUI library with a simple API, inspired by Google's Material Design
Materio Vuetify Vuejs Admin Template
Open-source & Easy to use Vuetify Vuejs Admin Template with Elegant Design & Unique Layout
Onsen Vue
Distributes Components for hybrid mobile apps with Vue and Onsen UI
Vuejsexamples
A nice collection of useful vuejs UI components
Inkline
Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications
Vuesax
Unique and reusable UI components
Antdv
UI library for Vue based on Ant Design
Shards Vue
A high-quality & free Vue UI kit featuring a modern design system with dozens of custom components
Prime Vue
Powerful yet simple to use, versatile, performant Vue UI Component Library to help you build stunning user interfaces.
Chakra UI Vue
Chakra UI is a simple modular and accessible component library that gives you the building blocks to build Vue applications with speed.
View UI
Dozens of useful and beautiful Vue components made for people with all skill levels with extensive documentation.
Particles.vue
A lightweight Vue 2.x component for creating particles
Particles.vue3
A lightweight Vue 3.x component for creating particles
TC Components
A library of high-quality ready to use components that will help you speed up your development workflow.
Vant
Lightweight Mobile UI Components built on Vue.
Equal UI
Open-source Vue 3 components system for your next project based on TypeScript
Mint UI
Mobile UI elements for Vue.js
Cube UI
A fantastic mobile ui lib implement by Vue.js
Muse UI
Based on the Vue 2.0 elegant Material Design UI component library
AT-UI
AT-UI is a modular front-end UI framework for developing fast and powerful web interfaces based on Vue.js.
Vuikit
A consistent and responsive Vue UI library, based on the front-end framework UIkit.
Wave UI
A Vue.js UI framework with only the bright side.
VueTailwind
Set of Lightweight and fully customizable Vue Components optimized for TailwindCSS.
Oruga
Oruga is a lightweight library of UI components for Vue.js without CSS framework dependency.
BalmUI
BalmUI is a modular and customizable Material Design UI library for Vue.js.
Weex UI
A rich interaction, lightweight, high performance UI library based on Weex.
Varlet
Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community.
Naive UI
A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.
Vuestic
Free and Open Source UI Library for Vue 3
Vue Final Modal
Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
Vuetensils
Vuetensils is a lightweight component library for Vue 2.x that brings some of most common UI features, but only the bare minimum styles to avoid adding any extra bloat.
Best Vue.js UI Component Libraries for Developers
Vue UI libraries provide ready-made, accessible components that integrate seamlessly with Vue.js and Nuxt applications. The Vue ecosystem has matured significantly, offering excellent choices from full Material Design systems to lightweight headless component libraries.
CodeHelper's curated Vue UI libraries collection includes Vuetify, Element Plus, Quasar, Bootstrap Vue, PrimeVue, and more : covering everything from admin dashboards to mobile-first applications.
What to look for in a Vue UI library
- Vue 3 compatibility: Ensure the library supports Vue 3 with Composition API for modern projects.
- Theming system: Good libraries provide CSS custom property-based theming for easy brand customization.
- SSR support: For Nuxt.js projects, verify the library works with server-side rendering without hydration issues.
How to use this resource collection
- Browse the curated list of Vue UI libraries below.
- Click any library to open its documentation in a new tab.
- Use the search bar to filter by name or description.
Whether you are building a Vue 3 SaaS product, a Nuxt application, or an admin dashboard, this collection helps you find the right vue design system for your project.