UI 库 #

Vant #

Vant是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。

资源地址 #

• 官方文档：vue3 版本文档
• 仓库资源：
  • github 地址
  • gitee 地址

特性 #

• 提供 60 多个高质量组件，覆盖移动端各类场景
• 性能极佳，组件平均体积不到 1kb（min+gzip）
• 单元测试覆盖率 90%+，提供稳定性保障
• 完善的中英文文档和示例
• 支持 Vue 2 & Vue 3
• 支持按需引入
• 支持主题定制
• 支持国际化
• 支持 TypeScript
• 支持 SSR

NutUI 3.0 #

NutUI 是京东风格的 Vue 移动端组件库，开发和服务于移动 Web 界面的企业级产品。

资源地址 #

• 官方文档：文档地址
• 仓库资源：
  • github 地址
  • gitee 地址

特性 #

• 70+ 高质量组件（3.0 持续开发中）
• 基于京东 APP 10.0 视觉规范
• 支持按需引用
• 详尽的文档和示例
• 支持 TypeScript
• 支持服务端渲染（测试阶段）
• 支持定制主题
• 单元测试覆盖（3.0 开发中）

Varlet #

Varlet是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区的小伙伴开发和维护。

资源地址 #

• 官方文档：文档地址
• 仓库资源：
  • github 地址
  • gitee 地址

特性 #

• 提供 40 多个高质量通用组件
• 组件十分轻量
• 由国人开发，完善的中英文文档和后勤保障
• 支持按需引入
• 支持主题定制
• 支持国际化
• 支持 webstorm，vscode 组件属性高亮
• 支持 SSR
• 支持 Typescript

Ionic Framework #

Ionic Framework 是一个开源 UI 工具包，用于使用 Web 技术（HTML、CSS 和 JavaScript）构建高性能、高质量的移动和桌面应用程序，并集成了 Angular、React 和 Vue 等流行框架。

资源地址 #

• 官方文档：vue 文档地址
• 仓库资源：github 地址

WaveUI #

WaveUI 提供的组件非常漂亮，动画效果也非常好，它的风格在整个框架中是一致的。企业级响应式 Vue3 应用程序不错的选择

资源地址 #

• 官方文档：文档地址
• 仓库资源：github 地址

特性 #

• Fully responsive
• Accessibility compliant
• Very flexible
• Easy to use
• Obviously awesome!
• Supporting Vue 3
• No dependency
• Lightweight

Vuetify #

Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。

资源地址 #

• 官方文档：文档地址
• 仓库资源：github 地址

Mand Mobile Next #

Mand Mobile Next面向金融场景，基于 Vue 3.0 移动端组件库

资源地址 #

• 官方文档：文档地址
• 仓库资源：github 地址

Cube UI #

Cube UI是一个基于Vue.js的移动端 UI 框架，提供了丰富的组件和工具，可以快速搭建高质量的移动应用。它采用了ES6和Sass等现代化技术，具有灵活性和可定制性。

资源地址 #

• 官方文档：文档地址

• 仓库资源：

  • github 地址
  • gitee 地址

Onsen UI #

Onsen UI是一个基于HTML5和CSS3的移动端 UI 框架，提供了丰富的组件和工具，可以快速搭建高质量的移动应用。它支持多种平台和框架，包括Angular、React和Vue.js等。此外，它还提供了多种自定义主题和插件，使得用户可以自定义移动应用的外观和行为。

资源地址 #

• 官方文档：文档地址
• 仓库资源：github 地址

WeUI #

WeUI是一个基于微信原生视觉体验的移动端 UI 框架，提供了丰富的组件和工具，可以快速搭建高质量的移动应用。它采用了HTML5和CSS3等现代化技术，具有灵活性和可定制性。

资源地址 #

• 官方文档：文档地址
• 仓库资源：github 地址

Taro UI #

Taro UI是一个基于Taro框架的多端 UI 组件库，可以在微信小程序、支付宝小程序、百度小程序、字节跳动小程序、H5和React Native等多个平台上使用。它提供了丰富的组件和工具，可以快速搭建高质量的跨端应用。此外，它还支持自定义主题和插件，使得用户可以自定义应用的外观和行为。

资源地址 #

• 官方文档：文档地址
• 仓库资源：github 地址

Muse UI #

Muse UI 是 Adobe 开发的用户界面（UI）设计系统，用于构建响应式的 Web 和移动应用程序。它包括一个预设计的组件和模板库，可以根据特定项目的品牌和设计进行自定义。Muse UI 还包括原型设计和测试工具，以及与其他 Adobe Creative Cloud 产品（如 Photoshop 和 Illustrator）的集成。Muse UI 的目标是简化设计流程，使设计人员能够快速高效地创建高质量、一致的界面。

资源地址 #

• 官方网站：Muse UI 官网
• 仓库资源：github 地址

Ionic Vue #

Ionic Vue 是 Ionic 团队推出的一个基于 Vue.js 的移动应用程序开发框架。它提供了丰富的 UI 组件和工具，可以帮助开发者快速构建高性能、跨平台的移动应用程序。Ionic Vue 兼容 Vue 3，并支持 Vue.js 生态系统中的许多插件和库。

资源地址 #

• 官方网站：Ionic Vue 官网
• 仓库资源：github 地址

Framework7 Vue #

Framework7 Vue 是一个基于 Vue.js 的移动应用程序开发框架，它提供了丰富的 UI 组件和工具，可以帮助开发者快速构建高性能、跨平台的移动应用程序。Framework7 Vue 可以与 Vue.js 生态系统中的许多插件和库集成，支持多种主题和样式定制。

资源地址 #

• 官方网站：Framework7 Vue 官网
• 仓库资源：github 地址