# Vue component libraries

> AI-ranked search results for `vue component libraries` on awesome-repositories.com — ordered by an LLM for relevance, best match first. 110 total matches; showing the top 29.

Explore on the web: https://awesome-repositories.com/q/vue-component-libraries

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/vue-component-libraries).**

## Results

- [tailwindlabs/headlessui](https://awesome-repositories.com/repository/tailwindlabs-headlessui.md) (28,619 ⭐) — Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles.

The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open.

The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n
- [skeletonlabs/skeleton](https://awesome-repositories.com/repository/skeletonlabs-skeleton.md) (5,989 ⭐) — Skeleton is a design system and accessible UI component library built on Tailwind CSS. It provides a collection of pre-built interactive components with built-in accessibility and state management, alongside a CSS custom properties theme engine that enables runtime theme switching and dark mode support.

The project distinguishes itself through its adaptive design system approach, using CSS custom properties to create themeable tokens that integrate directly with Tailwind's utility-first framework. This allows developers to build visual design systems with customizable colors, fonts, and aesth
- [unovue/shadcn-vue](https://awesome-repositories.com/repository/unovue-shadcn-vue.md) (9,425 ⭐) — shadcn-vue is an accessible design system framework and UI component library for Vue applications. It provides a collection of accessible, unstyled interface elements and pre-designed building blocks styled with Tailwind CSS, all of which are built on top of Radix Vue primitives.

The project utilizes a command line interface to install specific components and themes directly into a local project directory rather than as pre-compiled dependencies. This distribution model allows users to own and modify the source code locally to create a custom design language.

The library covers a broad range
- [konstaui/konsta](https://awesome-repositories.com/repository/konstaui-konsta.md) (4,193 ⭐) — Konsta is a cross-platform mobile design system and native-style component library. It provides a collection of pre-made user interface components built with Tailwind CSS to create mobile application views that maintain a consistent native appearance across different mobile operating systems.

The library focuses on native interface emulation, applying design systems that mimic the official visual styles and guidelines of iOS and Android. It uses platform-specific style mapping and design-system-based theming to ensure hybrid or web applications look like native apps.

The framework covers mob
- [alfonsobries/vue-tailwind](https://awesome-repositories.com/repository/alfonsobries-vue-tailwind.md) (2,164 ⭐) — This project is a modular user interface framework for Vue applications that provides a collection of reusable components built with Tailwind CSS. It functions as a configuration-driven design system tool, enabling developers to maintain visual consistency across complex applications through centralized theme management and utility-based styling.

The library distinguishes itself through a highly configurable architecture that supports variant-based style mapping and component instance customization. Developers can define global defaults or create multiple versions of the same interface elemen
- [radix-vue/shadcn-vue](https://awesome-repositories.com/repository/radix-vue-shadcn-vue.md) (10,128 ⭐) — shadcn-vue is a collection of accessible and unstyled UI components for Vue. It serves as a design system foundation and a port of Radix UI primitives to the Vue ecosystem, focusing on providing a base for highly customizable web interfaces.

The project utilizes a template-driven distribution model, delivering raw source code via a CLI rather than a compiled library. This allows for the direct modification of components using Tailwind CSS utility classes to establish a unique visual identity.

The library covers accessible component architecture and custom design system implementation. It pro
- [vuetifyjs/vuetify](https://awesome-repositories.com/repository/vuetifyjs-vuetify.md) (41,003 ⭐) — This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens.

What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
- [chakra-ui/chakra-ui-vue](https://awesome-repositories.com/repository/chakra-ui-chakra-ui-vue.md) (1,846 ⭐) — Chakra UI Vue is a component library for the Vue.js ecosystem that provides a collection of modular, accessible building blocks for constructing user interfaces. It functions as a design system provider, enabling developers to manage global design tokens and visual consistency across complex applications through a centralized theme provider.

The framework distinguishes itself by integrating accessibility logic and WAI-ARIA attributes directly into its base components, ensuring that keyboard navigation and screen reader compatibility are handled by default. It utilizes a declarative styling ap
- [primefaces/primevue](https://awesome-repositories.com/repository/primefaces-primevue.md) (14,457 ⭐) — PrimeVue is a UI component library and design system for Vue. It provides a structured collection of interactive interface elements, widgets, and visual building blocks that integrate with the Vue reactivity system to accelerate web development.

The framework enables the creation of responsive web designs and enterprise dashboards through a consistent set of pre-styled components. It supports custom theme implementation and rapid frontend prototyping to maintain a uniform user experience across applications.

The system utilizes a component-based architecture and a design token approach. It e
- [element-plus/element-plus](https://awesome-repositories.com/repository/element-plus-element-plus.md) (27,531 ⭐) — Element Plus is a Vue.js UI component library and enterprise web design system used for building professional web applications with Vue.js 3. It provides a comprehensive set of pre-styled interactive components and tools designed for creating responsive user interfaces.

The project includes a customizable component theme system for managing global CSS variables and dark mode palettes. It also features a Vue.js migration toolkit with automated transpilation tools to convert legacy UI code to current component standards.

The library covers a wide range of capability areas, including high-perfo
- [youzan/vant](https://awesome-repositories.com/repository/youzan-vant.md) (24,323 ⭐) — Vant is a mobile UI library and component framework for Vue, providing a collection of lightweight, reusable interface elements optimized for small screens and touch interactions. It serves as a mobile component library and accessible web UI kit designed to integrate with Vue's reactivity and state management.

The framework functions as a themable design system, allowing for visual branding and dark mode support through customizable theme variables. It includes built-in tools for internationalization to localize user interfaces across different geographic regions.

The library covers a broad
- [unovue/reka-ui](https://awesome-repositories.com/repository/unovue-reka-ui.md) (6,574 ⭐)
- [unovue/inspira-ui](https://awesome-repositories.com/repository/unovue-inspira-ui.md) (4,570 ⭐) — Inspira UI is a Vue-based design system and component library providing a collection of pre-designed user interface elements. It functions as a Tailwind CSS UI kit, offering reusable components intended for building websites and maintaining a unified visual look across web applications.

The project enables modern web frontend design and rapid website prototyping by providing ready-made building blocks. It focuses on Vue UI component development to accelerate the transition from design ideas to functional web pages.

The library integrates Tailwind CSS utility styling and CSS-variable-based th
- [nuxt/ui](https://awesome-repositories.com/repository/nuxt-ui.md) (6,675 ⭐) — Nuxt UI is a comprehensive Vue component library built for the Nuxt ecosystem, providing over 125 production-ready, WAI-ARIA compliant components for building modern web applications. The library offers a complete design system with Tailwind CSS theming, supporting dark mode, custom color palettes, semantic color aliases, and runtime theme switching through CSS design tokens. It includes built-in internationalization for over 50 languages, server-side rendering compatibility, and a Figma kit that mirrors the code components for design-to-development consistency.

The library distinguishes itse
- [rafaelpimpa/buefy](https://awesome-repositories.com/repository/rafaelpimpa-buefy.md) (9,531 ⭐) — Buefy is a user interface component library built specifically for Vue.js applications. It provides a collection of pre-styled interface elements and a responsive web UI kit designed to implement the Bulma CSS framework's styling and grid system.

The project enables rapid frontend prototyping by offering a standardized library of semantic UI elements. These components allow for the creation of flexible layouts that automatically adjust to different screen sizes and devices.

The library covers broad capabilities for responsive web design and the construction of user interfaces through the int
- [elemefe/element](https://awesome-repositories.com/repository/elemefe-element.md) (54,116 ⭐) — Element is a Vue.js UI component library and web UI toolkit. It provides a collection of pre-styled user interface components and modular building blocks used to build web applications.

The project includes a customizable CSS theme framework, allowing for the modification of visual styles and brand requirements through theme tools and generators.

The toolkit covers frontend component management, custom web theming, and a workflow for rapid prototyping.
- [airyland/vux](https://awesome-repositories.com/repository/airyland-vux.md) (17,486 ⭐) — Vux is a mobile web UI kit and Vue mobile UI library consisting of predefined layout and interface components. It functions as a WeUI component framework that implements a standardized design language for web applications.

The library provides a collection of reusable interface elements optimized for mobile browser screen dimensions and touch interactions. It ensures visual consistency across different mobile devices by mapping component styles directly to the WeUI mobile design specification.

The framework covers mobile web interface design, mobile UI development, and the rapid assembly of
- [bootstrap-vue/bootstrap-vue](https://awesome-repositories.com/repository/bootstrap-vue-bootstrap-vue.md) (14,450 ⭐) — Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications.

The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints.

The library covers a wide range of interface capabilities, including data display with sortable
- [buefy/buefy](https://awesome-repositories.com/repository/buefy-buefy.md) (9,531 ⭐) — Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity.

The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts.

Additional cap
- [n3-components/n3-components](https://awesome-repositories.com/repository/n3-components-n3-components.md) (1,002 ⭐) — N3-components is a library of modular, reusable user interface elements designed for the Vue framework. It functions as a toolkit for constructing web application layouts by providing a collection of standardized building blocks that ensure consistent behavior and a unified design language across projects.

The library enables developers to assemble complex interfaces through a component-based architecture that supports scoped styling and flexible content projection. It facilitates the creation of scalable frontends by allowing for the customization of visual properties through centralized con
- [vuecomponent/ant-design-vue](https://awesome-repositories.com/repository/vuecomponent-ant-design-vue.md) (21,568 ⭐) — Ant Design Vue is a comprehensive UI component library and enterprise design system for Vue. It provides a collection of reusable user interface elements designed specifically for building professional web applications and complex business software.

The project functions as a server-side rendering framework, enabling the generation of HTML on the server to increase initial page load speeds and improve search engine visibility. It is designed for the implementation of corporate design systems and the construction of data-heavy internal tools, such as admin dashboards.

The library covers broad
- [yunfeihuang/vue-components](https://awesome-repositories.com/repository/yunfeihuang-vue-components.md) (202 ⭐) — vue components 移动端UI组件库
- [vuematerial/vue-material](https://awesome-repositories.com/repository/vuematerial-vue-material.md) (9,837 ⭐) — Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications.

The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments.

The toolkit cover
- [tusimple/naive-ui](https://awesome-repositories.com/repository/tusimple-naive-ui.md) (18,384 ⭐) — Naive UI is a Vue 3 component library and type-safe UI framework designed for building web application interfaces. It functions as a themeable design system that provides a collection of pre-built user interface components.

The library utilizes a JavaScript-object-based theme engine to customize visual styles without relying on CSS variables or external stylesheets. It includes a virtual list renderer to maintain performance when displaying large datasets by rendering only the items visible within the viewport.

The framework integrates with TypeScript to provide prop validation and type-safe
- [carbon-design-system/carbon-components-vue](https://awesome-repositories.com/repository/carbon-design-system-carbon-components-vue.md) (646 ⭐) — Vue implementation of the Carbon Design System
- [x-extends/vxe-table](https://awesome-repositories.com/repository/x-extends-vxe-table.md) (8,595 ⭐) — vxe-table is a high-performance data table component and UI library for Vue, designed for building data-heavy applications. It functions as a virtualized data grid and spreadsheet UI framework capable of rendering millions of rows by mounting only the visible elements of a dataset.

The project distinguishes itself through spreadsheet-like functionality, including cell selection, copy-paste support, and the generation of cross-tabulated pivot tables. It also provides specialized tools for managing complex data hierarchies using virtual trees, row grouping, and cell merging.

The library covers
- [tolking/element-pro-components](https://awesome-repositories.com/repository/tolking-element-pro-components.md) (325 ⭐) — A component library for Vue 3 base on element-plus
- [tusen-ai/naive-ui](https://awesome-repositories.com/repository/tusen-ai-naive-ui.md) (18,381 ⭐) — Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables.

The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider.

The framewor
- [vue-bulma/vue-admin](https://awesome-repositories.com/repository/vue-bulma-vue-admin.md) (9,343 ⭐) — This project is an admin interface kit and component library designed for building internal tool backends and management consoles. It provides a collection of pre-designed administrative layouts and user interface elements built specifically for the Vue framework.

The system functions as a Bulma CSS framework template, utilizing a structured styling system to facilitate the rapid prototyping of functional administrative screens and dashboards.

The toolkit covers general admin dashboard development and internal tooling design through the use of reusable components and predefined layouts.
