awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
antfu avatar

antfu/unplugin-vue-components

0
View on GitHub↗
4,288 stars·382 forks·TypeScript·MIT·10 viewswww.npmjs.com/package/unplugin-vue-components↗

Unplugin Vue Components

unplugin-vue-components is a build tool that automatically injects import and registration statements for Vue components based on their usage in templates. It functions as a framework-agnostic plugin compatible with multiple build tools, including Vite, Webpack, and Rollup.

The project provides automated resolution for components from external UI libraries and supports directory-based namespacing to organize elements by folder. To maintain developer experience, it includes a type generator that creates TypeScript declaration files for components imported at build time.

Additional capabilities cover Vue build optimization and the management of component styling, including the ability to import source Sass files for theme customization and the registration of styles for server-side rendering.

Features

  • Automatic Component Imports - Automatically injects import and registration statements for Vue components based on their usage in templates.
  • Automatic Import Injections - Automatically injects required import and registration statements into source files to eliminate manual imports.
  • Build Optimization - Optimizes bundle size and loading performance by managing component imports and style registrations.
  • Cross-Build-Tool Plugins - Functions as a framework-agnostic plugin compatible with Vite, Webpack, and Rollup via a single API.
  • Component Imports - Detects used components in templates and injects necessary import statements to avoid manual registration.
  • UI Library Resolvers - Uses predefined lookup tables to translate component names into the correct export paths of external UI libraries.
  • TypeScript Declaration Generators - Automatically produces TypeScript declaration files to provide IDE type support for auto-imported components.
  • Component Type Definitions - Creates automatic type definitions for components to ensure type safety for auto-imported elements.
  • Automatic Resolvers - Automatically resolves and imports components from external Vue UI libraries based on their usage in templates.
  • Template AST Parsing - Provides template AST parsing to detect component usage within Vue files during the build process.
  • UI Library Resolvers - Maps component names from external libraries to their package exports using built-in or custom resolution logic.
  • Vue.js Component Development - Removes manual import and registration statements for Vue components to accelerate development.
  • Namespace Mappings - Maps component names to file paths by using the folder structure as a prefix for import resolution.
  • Directory-Based Namespacing - Uses directory names as prefixes for components to organize and distinguish elements from different folders.
  • Vue TypeScript Integrations - Provides automatic generation of TypeScript declaration files to ensure full IDE support for auto-imported components.
  • Vue Integrations - On-demand component auto-importing.

Star history

Star history chart for antfu/unplugin-vue-componentsStar history chart for antfu/unplugin-vue-components

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does antfu/unplugin-vue-components do?

unplugin-vue-components is a build tool that automatically injects import and registration statements for Vue components based on their usage in templates. It functions as a framework-agnostic plugin compatible with multiple build tools, including Vite, Webpack, and Rollup.

What are the main features of antfu/unplugin-vue-components?

The main features of antfu/unplugin-vue-components are: Automatic Component Imports, Automatic Import Injections, Build Optimization, Cross-Build-Tool Plugins, Component Imports, UI Library Resolvers, TypeScript Declaration Generators, Component Type Definitions.

What are some open-source alternatives to antfu/unplugin-vue-components?

Open-source alternatives to antfu/unplugin-vue-components include: unplugin/unplugin-vue-components — unplugin-vue-components is a build tool that automatically imports and registers Vue components used in templates,… antfu/unplugin-auto-import — unplugin-auto-import is a build-time import automation plugin and AST-based code transformer. It analyzes source code… emotion-js/emotion — This project is a styling library and framework designed for component-based architectures, enabling developers to… unplugin/unplugin-auto-import — unplugin-auto-import is a JavaScript auto-import plugin designed to eliminate the need for manual import statements in… unplugin/unplugin-icons — unplugin-icons is a build-time plugin that integrates with modern bundlers to import icons from popular icon sets… umijs/umi — Umi is a comprehensive React application framework and enterprise frontend toolchain. It provides a plugin-based build…

Open-source alternatives to Unplugin Vue Components

Similar open-source projects, ranked by how many features they share with Unplugin Vue Components.
  • unplugin/unplugin-vue-componentsunplugin avatar

    unplugin/unplugin-vue-components

    4,288View on GitHub↗

    unplugin-vue-components is a build tool that automatically imports and registers Vue components used in templates, eliminating the need for manual import statements. It functions as a plugin for various bundlers, including Vite and Webpack, to resolve and inject component dependencies during the compilation process. The project features a mapping system that identifies and imports components from popular third-party Vue interface libraries. This resolution logic can be extended via custom resolver extensions to modify how specific UI libraries are discovered and imported. To maintain type sa

    TypeScriptauto-importcomponentsunplugin
    View on GitHub↗4,288
  • antfu/unplugin-auto-importantfu avatar

    antfu/unplugin-auto-import

    3,786View on GitHub↗

    unplugin-auto-import is a build-time import automation plugin and AST-based code transformer. It analyzes source code to identify missing identifiers and automatically injects the required import statements during the bundling process. The project functions as a cross-bundler build plugin, providing a unified abstraction layer that ensures consistent behavior across Vite, Webpack, and Rollup. It utilizes a pattern-based module resolver to scan local directories via glob patterns and employs a TypeScript declaration generator to maintain type definition files for IDE autocompletion. Its capab

    TypeScript
    View on GitHub↗3,786
  • emotion-js/emotionemotion-js avatar

    emotion-js/emotion

    18,017View on GitHub↗

    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

    JavaScriptbabel-plugincsscss-in-js
    View on GitHub↗18,017
  • unplugin/unplugin-auto-importunplugin avatar

    unplugin/unplugin-auto-import

    3,786View on GitHub↗

    unplugin-auto-import is a JavaScript auto-import plugin designed to eliminate the need for manual import statements in JavaScript and TypeScript projects. It identifies and registers modules to automatically inject necessary dependencies during the build process. The project utilizes a unified bundler plugin interface to provide consistent transformation logic across Vite, Webpack, and Rollup environments. It includes a TypeScript declaration generator to produce type definition files for auto-imported identifiers, ensuring IDE autocompletion and type checking. Additionally, it provides a sta

    TypeScriptrollup-pluginunpluginvite-plugin
    View on GitHub↗3,786
See all 30 alternatives to Unplugin Vue Components→