# Vue 3 Component Libraries

> Search results for `component library for Vue 3 applications` on awesome-repositories.com. 120 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/component-library-for-vue-3-applications

**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/component-library-for-vue-3-applications).**

## Results

- [yunfeihuang/vue-components](https://awesome-repositories.com/repository/yunfeihuang-vue-components.md) (202 ⭐) — vue components 移动端UI组件库
- [geekyants/vue-native-core](https://awesome-repositories.com/repository/geekyants-vue-native-core.md) (8,281 ⭐) — Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes.

The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat
- [vbenjs/vue-vben-admin](https://awesome-repositories.com/repository/vbenjs-vue-vben-admin.md) (32,666 ⭐) — This project is a comprehensive administrative dashboard framework built for the Vue ecosystem. It serves as a modular starter kit designed to accelerate the development of large-scale, enterprise-grade web applications by providing a pre-configured foundation of reusable components and standardized layout patterns.

The framework distinguishes itself through a configuration-driven approach to interface development, allowing developers to generate complex forms and tables from schema definitions rather than manual coding. It integrates dynamic route generation and role-based access control, en
- [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
- [a-h/templ](https://awesome-repositories.com/repository/a-h-templ.md) (10,358 ⭐) — Templ is a type-safe HTML templating engine and UI framework for Go. It provides a system for building reusable HTML components that compile into Go code for server-side rendering, ensuring type safety and compile-time validation of data and logic.

The project features a dedicated language server that provides autocomplete and syntax validation for template files within supported code editors. It employs compile-time code generation to transform a custom template language into Go source code, enabling the creation of modular HTML fragments and logic blocks.

The framework includes automated s
- [unplugin/unplugin-vue-components](https://awesome-repositories.com/repository/unplugin-unplugin-vue-components.md) (4,288 ⭐) — 📲 On-demand components auto importing for Vue
- [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
- [antfu/unplugin-vue-components](https://awesome-repositories.com/repository/antfu-unplugin-vue-components.md) (4,288 ⭐) — 📲 On-demand components auto importing for Vue
- [hilongjw/vue-lazyload](https://awesome-repositories.com/repository/hilongjw-vue-lazyload.md) (8,006 ⭐) — vue-lazyload is a Vue.js image lazy loading plugin and frontend asset optimizer. It serves as a viewport visibility observer that defers the loading of images and components until they enter the browser viewport to reduce initial page load times.

The project functions as a progressive image loader by managing image placeholders and implementing dynamic source switching. It uses a browser API to monitor when elements enter the viewport, avoiding expensive scroll event listeners to maintain performance.

The plugin provides capabilities for image loading state tracking, including custom placeho
- [bradtraversy/design-resources-for-developers](https://awesome-repositories.com/repository/bradtraversy-design-resources-for-developers.md) (66,055 ⭐) — This project is a curated resource repository that serves as a comprehensive directory of design assets and development tools. It provides a structured collection of high-quality links intended to help developers discover essential resources for their technical projects and user interface designs.

The directory is distinguished by its community-driven approach, relying on collaborative peer review and external contributions to maintain an up-to-date index of resources. It functions as a frontend development toolkit, offering a categorized list of UI libraries, CSS frameworks, and animation to
- [kazupon/vue-i18n](https://awesome-repositories.com/repository/kazupon-vue-i18n.md) (7,230 ⭐) — vue-i18n is an internationalization framework and plugin for Vue.js applications. It serves as a dynamic translation manager and localization formatting library used to translate user interface text and format dates and numbers for global audiences.

The project distinguishes itself through a dynamic translation workflow that supports asynchronous locale loading and the ability to reload translation messages in real-time without refreshing the page. It provides specialized mechanisms for rich text rendering, allowing the interpolation of HTML tags and Vue components directly into translated st
- [ibufu/dd-vue-component](https://awesome-repositories.com/repository/ibufu-dd-vue-component.md) (12 ⭐) — Dingdanlaile's vue components.
- [bailicangdu/vue2-manage](https://awesome-repositories.com/repository/bailicangdu-vue2-manage.md) (13,630 ⭐) — This is a Vue.js admin dashboard built with Element UI that provides a backend management interface for overseeing stores, products, users, and system settings. The project combines Vue's reactive component model with Element-UI's pre-built widget library to construct a consistent admin interface, using Vue Router for client-side navigation and Vuex for centralized state management.

The admin panel enforces role-based access control, checking user permissions at route entry points and component boundaries to block unauthorized actions before they execute. It includes authentication and sessio
- [davila7/claude-code-templates](https://awesome-repositories.com/repository/davila7-claude-code-templates.md) (20,933 ⭐) — Claude Code Templates is a comprehensive framework for orchestrating specialized AI agents and automating development workflows within local environments. It provides a structured system for defining, configuring, and deploying AI personas that handle specific technical tasks, ranging from backend architecture and frontend implementation to security auditing and infrastructure management.

The project distinguishes itself through a configuration-driven approach that allows teams to standardize development environments and share reusable agent definitions across projects. It includes a robust C
- [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
- [lucide-icons/lucide](https://awesome-repositories.com/repository/lucide-icons-lucide.md) (21,186 ⭐) — Lucide is a collection of consistent, scalable vector icons designed as a reusable component library for web and mobile interfaces. It provides a standardized set of visual symbols that support dynamic styling, programmatic manipulation, and accessibility features, ensuring that icons remain perceivable and usable across diverse development environments.

The library distinguishes itself through a framework-agnostic architecture that defines icons as raw coordinate data, allowing for consistent rendering across various platforms. It supports tree-shakable module exports and bundle size optimiz
- [rayyamhk/vite-react-component-library-starter](https://awesome-repositories.com/repository/rayyamhk-vite-react-component-library-starter.md) (68 ⭐) — Starter template for React component library
- [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
- [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
- [shamscorner/bloc-vue-3-clean-pattern](https://awesome-repositories.com/repository/shamscorner-bloc-vue-3-clean-pattern.md) (108 ⭐) — A Vue 3 project with Typescript to mimic the Bloc architecture pattern. (Flutter way)
- [parcel-bundler/parcel](https://awesome-repositories.com/repository/parcel-bundler-parcel.md) (44,032 ⭐) — Parcel is a web application bundler designed to automate the packaging of project assets for production. It functions as a zero-configuration tool that detects dependencies and transforms source files into optimized output without requiring manual setup files. The project includes a built-in development server that supports incremental builds and hot module replacement to reflect code changes during the development cycle.

The core of the system is a dependency graph resolver that maps relationships between modules to determine the structure of output bundles. This is supported by a modular as
- [spatie/vue-tabs-component](https://awesome-repositories.com/repository/spatie-vue-tabs-component.md) (614 ⭐) — An easy way to display tabs with Vue
- [emotion-js/emotion](https://awesome-repositories.com/repository/emotion-js-emotion.md) (18,017 ⭐) — This project is a styling library and framework designed for component-based architectures, enabling developers to define and manage visual styles directly within JavaScript or TypeScript. It functions as a styling engine that generates unique class names from style definitions, ensuring encapsulated, predictable, and maintainable visual presentation across applications. By integrating with component logic, it allows for the creation of reusable UI elements with styles defined through template literals or object syntax.

The library distinguishes itself through a comprehensive suite of build-t
- [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.
- [markmead/hyperui](https://awesome-repositories.com/repository/markmead-hyperui.md) (12,137 ⭐) — HyperUI is a dependency-free collection of responsive HTML layouts and pre-styled components designed for various web domains. It functions as a Tailwind CSS component library where users integrate standalone HTML snippets via a copy-paste distribution model to avoid package installation and framework overhead.

The library features one-click markup copying from a pre-built component gallery. It includes specialized design systems, such as high-contrast neobrutalist styling with heavy borders, and visual tools for generating dark mode color palettes and harmonic typography scales.

The compone
- [adi518/vue-stepper-component](https://awesome-repositories.com/repository/adi518-vue-stepper-component.md) (109 ⭐) — 👨🏻‍🚀 A renderless component for composing a Stepper
- [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
- [devopifex/component](https://awesome-repositories.com/repository/devopifex-component.md) (29 ⭐) — Creating components for shiny inspired by Vue
- [datatables/datatables](https://awesome-repositories.com/repository/datatables-datatables.md) (7,408 ⭐) — DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets.

The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh
- [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.
- [motiondivision/motion](https://awesome-repositories.com/repository/motiondivision-motion.md) (32,375 ⭐) — Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments.

The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc
- [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
- [nightcatsama/vue-slider-component](https://awesome-repositories.com/repository/nightcatsama-vue-slider-component.md) (2,422 ⭐) — 🌡 A highly customized slider component
- [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
- [zouyaoji/vue-cesium](https://awesome-repositories.com/repository/zouyaoji-vue-cesium.md) (1,898 ⭐) — 🎉 Vue 3.x components for CesiumJS.
- [apexcharts/apexcharts.js](https://awesome-repositories.com/repository/apexcharts-apexcharts-js.md) (15,096 ⭐) — ApexCharts is a comprehensive JavaScript charting library designed for building interactive, responsive, and data-driven visualizations within web applications. It functions as a versatile data visualization framework that supports a wide range of chart types, including categorical, statistical, and financial plots, enabling developers to construct complex dashboards and real-time monitoring interfaces.

The library distinguishes itself through a deep commitment to accessibility and high-performance interactivity. It provides built-in support for keyboard navigation, screen readers, and high-c
- [testing-library/vue-testing-library](https://awesome-repositories.com/repository/testing-library-vue-testing-library.md) (1,122 ⭐)
- [avajs/ava](https://awesome-repositories.com/repository/avajs-ava.md) (20,849 ⭐) — Ava is a test runner for JavaScript and TypeScript designed to execute test suites with a focus on concurrency and isolation. It serves as a concurrent test executor that runs test files in parallel across multiple processes to reduce total runtime and prevent state leakage between suites.

The project features a built-in snapshot testing framework that saves large data structures to disk and compares subsequent executions to detect regressions via diffs. It is also compatible with the Test Anything Protocol, allowing it to export results for use with external reporting tools.

Its capability
- [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
- [pubkey/rxdb](https://awesome-repositories.com/repository/pubkey-rxdb.md) (23,048 ⭐) — This project is a reactive, offline-first NoSQL database engine designed for JavaScript applications. It provides a robust framework for managing application state by synchronizing data across browsers, mobile devices, and server-side runtimes. By treating local storage as the primary source of truth, it enables applications to remain functional without network connectivity, automatically reconciling changes with remote backends once a connection is restored.

The database distinguishes itself through a modular architecture that supports cross-environment synchronization and high-performance d
- [gsharath/react-component-library-vite](https://awesome-repositories.com/repository/gsharath-react-component-library-vite.md) (6 ⭐) — This template provides a minimal setup to create a library in React using Vite. - This uses styledcomponents for styling - It uses javascript. Typescript also can be configured easily by adding relevant libraries.
- [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
- [coreui/coreui-free-bootstrap-admin-template](https://awesome-repositories.com/repository/coreui-coreui-free-bootstrap-admin-template.md) (12,220 ⭐) — CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties.

The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
- [lian-yue/vue-upload-component](https://awesome-repositories.com/repository/lian-yue-vue-upload-component.md) (2,695 ⭐) — 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
- [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
- [insforge/insforge](https://awesome-repositories.com/repository/insforge-insforge.md) (11,794 ⭐) — InsForge is a backend-as-a-service platform that provides an integrated suite of tools for managing relational databases, identity provision, object storage, and serverless compute. It functions as an open-source identity provider and a PostgreSQL database manager featuring integrated vector storage and row-level security.

The platform serves as an LLM orchestration gateway, offering a unified endpoint to route requests across various AI providers through an OpenAI-compatible interface. It enables AI-driven application generation and connects AI agents to backend resources using a standardize
- [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
- [scopewu/qrcode.vue](https://awesome-repositories.com/repository/scopewu-qrcode-vue.md) (818 ⭐) — A Vue component to generate qrcode. Supports both Vue 2 and Vue 3. 一款同时支援 Vue 2 和 Vue 3 的二维码组件。
- [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
- [coreui/coreui-vue](https://awesome-repositories.com/repository/coreui-coreui-vue.md) (642 ⭐) — Bootstrap 5 based Vue 3 components and directives. CoreUI for Vue.js replaces and extends the Bootstrap 5 javascript. Components have been built from scratch as true Vue 3 components.