30 open-source projects similar to unplugin/unplugin-vue-components, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Unplugin Vue Components alternative.
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 capabilitie
unplugin-icons is a build-time plugin that integrates with modern bundlers to import icons from popular icon sets automatically. It detects icon usage in source code and tree-shakes the final bundle to include only the icons actually referenced, reducing unnecessary payload. The plugin also provides a mechanism for loading custom SVG icon collections from local files or remote sources, making them accessible through the same import syntax as built-in sets. The plugin is framework-agnostic and offers a conventional path resolution scheme for referencing icons by collection and name across diff
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
EmDash is an open-source content management system built on Astro that combines a visual admin panel with a plugin-driven architecture and server-side rendering. It provides a complete content management system with structured content modeling, a rich text editor using Portable Text format, and a TypeScript API for type-safe content queries. The system supports authentication through passkeys, OAuth 2.1, and external providers, with role-based access control and fine-grained permission scopes. What distinguishes EmDash is its plugin development framework, which supports both native plugins ru
This project is a TypeScript-driven toolkit that provides decorators and class-based structures for building Vue.js components. It acts as a wrapper that replaces the standard options API object configuration with a class-based library, allowing developers to define component logic, state, and metadata using typed properties. The toolkit focuses on using TypeScript decorators to map class properties to component options such as props, models, and watchers. It enables type-driven prop validation and provides a structured syntax for managing reactive state synchronization and component communic
This project is a pre-configured architecture and development environment designed for building large-scale single page applications using the Vue framework. It serves as an enterprise application template that provides a structured project foundation and opinionated directory layouts for professional-grade software development. The boilerplate streamlines the development workflow through a Vue CLI build configuration that includes automated component imports and global style injection. It further optimizes project organization by implementing alias-based module resolution to simplify file re
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
Vue is a progressive JavaScript framework designed for building modular, reactive user interfaces. It utilizes a component-based architecture that allows developers to encapsulate logic, templates, and styles into reusable units. At its core, the framework employs a virtual DOM renderer and a proxy-based reactivity system to synchronize application state with the document object model efficiently. What distinguishes this framework is its focus on developer experience and flexibility. It supports a single-file component format that colocalizes related concerns, alongside a powerful composition
Rushstack is a comprehensive toolset for managing large-scale TypeScript monorepos, providing a framework for build pipeline automation, dependency coordination, and static analysis. It functions as an incremental build orchestrator and management system designed to maintain consistency and performance across multiple packages in a shared workspace. The system distinguishes itself through an execution model based on directed acyclic graphs and content-hash-based incrementalism, which ensures only affected projects are rebuilt. It further optimizes development workflows via remote build artifa
vue-loader is a Webpack loader that compiles single-file Vue components into executable JavaScript modules for the browser. It functions as a compiler that splits templates, styles, and scripts from a single file into a bundled module, converting templates into optimized JavaScript render functions for both client and server environments. The project provides a system for routing style blocks through specialized CSS loaders to enable scoped and isolated component styling. It also includes a development utility for hot module replacement, which updates components in the browser in real-time wi
Vue is a progressive, component-based JavaScript framework designed for building reactive user interfaces and single-page applications. It centers on a declarative template system that transforms HTML into efficient render functions, allowing developers to organize complex interfaces into isolated, reusable units that synchronize automatically with application state. The framework distinguishes itself through a dependency-tracking reactivity system that monitors data access during rendering to trigger precise updates. It provides a flexible architecture that supports both incremental adoption
MvvmCross is a .NET MVVM framework designed for building cross-platform applications by separating business logic from native user interfaces. It functions as a navigation engine and a UI data binding library, enabling the encapsulation of logic within view models that are reused across different operating systems. The framework provides a native hardware abstraction layer and a dependency injection container to decouple components and provide a consistent interface for accessing device features. It coordinates type-safe transitions between native screens and manages the synchronization of da
京东风格的移动端 Vue 组件库,支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
Old repo of Nuxt 3 framework, now on nuxt/nuxt
This project is a comprehensive TypeScript-based boilerplate designed to accelerate the development of Vue 3 web applications. It provides a pre-configured foundation that integrates essential build tools, routing, and state management, ensuring a consistent architectural pattern across the entire codebase. By enforcing strict type safety and standardized coding practices, it serves as a starting point for building scalable and maintainable frontend projects. The framework distinguishes itself through extensive automation and modularity. It features an auto-importing system for components and
This project provides a methodology for organizing, scoping, and naming styles to ensure maintainable and scalable stylesheets in large web applications. It functions as a structured approach to managing component-based styles, preventing global namespace collisions and simplifying long-term codebase maintenance through a set of established design principles. The architecture relies on strict namespace-based encapsulation, where all class names are prefixed with unique component identifiers to ensure visual isolation between modules. It enforces a class-only selector strategy to avoid the mai
This project is a pre-configured foundation for building mobile-responsive web applications using Vue 3 and Vite. It provides a production-ready scaffold that integrates essential development tools, component libraries, and build-time optimizations to accelerate the creation of mobile interfaces. The framework distinguishes itself through automated asset and configuration management, including the automatic registration of UI components and the conversion of SVG files into reusable components. It features built-in support for responsive design by automatically transforming pixel-based CSS uni
Umi is a comprehensive React application framework and enterprise frontend toolchain. It provides a plugin-based build system and a configuration-driven routing engine to integrate routing, build tooling, and deployment within a single dependency. The project serves as a micro-frontend orchestrator, coordinating multiple independent frontend applications into a single interface with shared data flow. Its extensible architecture allows for the customization of every stage of the application development lifecycle through a system of plugins. The framework covers a broad range of enterprise cap
Vitesse is a pre-configured starter template for building Vue applications with Vite and TypeScript. It functions as a static site generator and a progressive web app scaffold, providing a standardized development environment for web projects. The project distinguishes itself through a file-based routing system that automatically maps application routes based on the project folder structure. It employs an atomic CSS framework to generate on-demand utility classes for performant stylesheets and an automated component injection mechanism to remove repetitive import statements. The toolkit cove
unplugin-icons is a universal icon component provider and build-time asset optimizer that transforms diverse SVG libraries into a unified cross-framework interface. It functions as an SVG icon pipeline, converting thousands of icons from various sets into on-demand components or raw strings for use across different frontend frameworks. The tool provides a cross-framework icon library that optimizes bundle sizes by exclusively including the specific icons referenced in the source code. It further simplifies the development workflow through automatic icon importing and the use of aliases to map
This project is a metadata plugin for Emby that functions as a specialized media scraper. Its primary purpose is to automatically fetch movie details and images from external databases to populate adult media libraries. The tool identifies video content by extracting unique product identification codes from filenames, which it then uses to match media files to the correct database entries. This process automates the retrieval of detailed metadata and cover art, removing the need for manual data entry. The plugin integrates into the media server's metadata provider pipeline, using asynchronou
Vue Manage System is a type-safe administrative dashboard framework built with Vue 3 and Element Plus. It serves as a management template for backend systems, integrating role-based access control to restrict pages and actions based on assigned user permissions. The project distinguishes itself through a comprehensive set of administrative tools, including a data visualization dashboard with interactive charts and a content management system featuring rich text editing and image cropping utilities. It utilizes TypeScript for static typing and Pinia for centralized state management. The syste
CodeMirror is a browser-based code editor and extensible text editor framework. It functions as a programmable interface for rendering code and text with support for numerous programming languages, serving as a reusable component for web-based integrated development environments. The project provides a syntax highlighting engine that applies visual styles to text based on programming language rules. It includes a programming API and a CSS theming system to customize the editor's appearance and extend its functionality with custom behaviors. The framework covers capabilities for embedding tex
CodeEdit is an open-source integrated development environment and native macOS code editor. It provides a workspace for writing and modifying source code, combining a text editor with project management tools. The editor is built specifically for macOS using native frameworks to ensure performance. It features a plugin system that allows for the addition of specialized features and custom logic to extend the editing experience. The environment includes an integrated terminal emulator for executing development commands and debugging tools. It also provides project-wide file indexing for globa
CodeMirror 5 is a browser-based code editor and extensible UI component. It functions as a syntax highlighting engine and a programmable text surface, providing a professional coding experience embedded within web pages. The project is distinguished by its ability to act as a collaborative text editor, synchronizing document changes across multiple users in real time. It also includes a dedicated Vim emulation layer that implements modal keyboard interactions, motions, and operators. The system covers broad capability areas including language support for autocompletion and error analysis, co
MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from a single codebase. It utilizes a static transpilation pipeline to transform source code into platform-specific bundles, employing a single-file component system that encapsulates templates, logic, and styles. The framework provides a reactive state management system that automatically synchronizes application data with the user interface through computed properties and watchers. The project distinguishes itself through a robust build-time toolchain that supports sub-package p
This project is a web-based markdown editing component designed for integration into Vue applications. It provides a text input interface for creating and modifying markdown content, featuring real-time rendering and a live preview that transforms source text into formatted HTML. The editor is built on a modular framework that supports custom plugins and visual themes, allowing developers to extend core functionality and align the workspace appearance with host application designs. It utilizes a standardized hook architecture to enable these extensions, ensuring that the editing environment c
CKAN is an open-source data management platform that provides the foundation for building data portals. It supports the full lifecycle of datasets—from creation and organization to publishing, cataloging with faceted search, and interactive data visualization—all through a web interface. The platform is built on a modular architecture that includes a plugin-based extensibility system, a harvesting framework for importing metadata from external sources, and a standardized RESTful JSON API for programmatic access to datasets and metadata. The web interface is rendered using the Jinja2 templatin
Craco is a configuration layer for Create React App that modifies Webpack and Jest settings without requiring the project to eject. It functions as a build tool plugin system and configuration manager, allowing for the injection of custom settings and third-party logic into the frontend build pipeline. The project utilizes a hook-based architecture and non-destructive configuration merging to override default settings. This allows for Webpack configuration overrides and Jest configuration tuning while maintaining the original source files. The system covers a broad range of build pipeline ex