# unplugin/unplugin-vue-components

📲 On-demand components auto importing for Vue

Repository: https://github.com/unplugin/unplugin-vue-components
Canonical: https://ross.abutalabs.com/products/unplugin-vue-components
Homepage: https://www.npmjs.com/package/unplugin-vue-components
Language: TypeScript
License: MIT
License Family: permissive
Topics: vite, vue3, components, auto-import, webpack, vue-cli, unplugin
Last push: 2026-05-20T04:37:54+00:00

## Health v2 (maintenance only)
Score: 87/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 83, release rhythm 84, longevity 100
- inputs: {"age_days": 2204, "days_push": 105, "days_rel": 105, "gap_med": 29, "n_releases_24m": 20}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 4292, forks 381 (observed 2026-08-28T04:08:41.460455+00:00)

## What it is
A unified build plugin (unplugin) that automatically imports Vue components and directives on demand, so you never write manual import statements. It supports Vite, Webpack, Rspack, Rollup, Rolldown, and esbuild, with built-in resolvers for popular UI libraries and full TypeScript support.

## Use cases
- auto import Vue components without writing import statements
- tree-shake unused Vue components in a Vite project
- register UI library components on demand in Vue 3
- auto import Vue directives in a Webpack build
- reduce boilerplate imports in a Vue CLI project
- use folder names as component namespaces

## When to choose
- you use Vue 3 with Vite, Webpack, Rspack, Rollup, or esbuild and want on-demand component registration
- you want smaller bundles by only registering components you actually use
- you use a popular UI library and want its components auto-resolved
- you want TypeScript-friendly auto imports for components and directives

## When to avoid
- you use Nuxt, which has built-in @nuxt/components
- you need Vue 2 support or a non-JavaScript build pipeline
- you prefer explicit imports for all components

## Facets
- artifact type: plugin
- maturity: active
- function: plugin-system, build-tool, ui-components, developer-tools
- domain: web-development, frontend, developer-tools
- platform: browser, cross-platform
- tags: vue, vite, webpack, auto-import, tree-shaking, unplugin, typescript, nodejs

## Member repositories
- unplugin/unplugin-vue-components (main) score 87

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:41.460455+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:21:53.443764+00:00, confidence not recorded.
  - readme: https://github.com/unplugin/unplugin-vue-components (fetched 2026-08-28T04:08:41.460455+00:00, sha 44611011e306)
  - registry_npm: https://registry.npmjs.org/unplugin-vue-components (fetched 2026-08-29T09:11:21.473313+00:00, sha c34111719dda)
- Data as of 2026-08-30T08:39:29.467469+00:00.
