产品简介
vue-amazing-ui Vue Amazing UI 是基于 Vue 3、TypeScript 和 Vite 的 UI 组件库,提供 67 个组件和 18 个工具函数,支持主题定制、tree shaking 和全量 TypeScript。适用于 Vue 3 开发者快速构建定制化界面。

核心功能
- 基于 Vue 3 + TypeScript + Vite + Less 开发
- 包含 67 个基础 UI 组件和 18 个工具函数
- 支持主题定制,只需提供主题色
- 支持 tree shaking,优化包大小
- 全量使用 TypeScript 和单文件组件(SFC)
快速开始
- 运行命令 pnpm add vue-amazing-ui 安装组件库
- 安装并配置 unplugin-vue-components 插件以支持自动导入
- 在 Vue 模板中直接使用组件,如
界面预览


与其他方案对比
| 对比项 | vue-amazing-ui | 同类方案 |
|---|---|---|
| 主题定制 | 只需提供主题色,即可自动调整所有组件主题 | 通常需要手动配置多个样式变量或使用预设主题 |
| TypeScript 支持 | 全量使用 TypeScript,类型定义完善 | 可能部分组件支持 TypeScript,类型覆盖不全 |
| Tree Shaking | 内置支持 tree shaking,优化包大小 | 可能不支持或需要额外插件实现 |
适合谁用
- Vue 3 前端开发者,用于构建响应式用户界面
- TypeScript 项目开发者,需要类型安全的 UI 组件
- 需要主题定制的设计师或开发者,轻松调整应用外观
下载与版本
当前最新版本为 v2.4.26,发布于 2026-07-05。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/themusecatcher/vue-amazing-ui