Skip to content

框架

响应式框架

包含组件库 + 响应式布局系统的框架合集

  • quasar-framework - Quasar 框架。使用 VueJs 2 编写一套代码,即可构建响应式网站、混合式移动应用和 Electron 桌面应用
  • vue-material - 适用于 Vue.js 的 Material Design(材料设计)实现。
  • vuetify - 基于 Vue.js 2 的 Material 组件框架。
  • muse-ui - 面向 Vue.js 2 的 Material 组件库。
  • buefy - 基于 Bulma 框架实现的组件库。
  • element-ui - 一套面向 Web 端的 Vue.js 2.0 UI 组件库。
  • vue-bulma-components - 可通过 Bulma 类语法便捷使用的 Vue 组件。
  • iview-ui - 一套面向 Web 端的 Vue.js 2.0 UI 框架。
  • AT-UI - 专为桌面应用打造的清新扁平化 UI 组件库,基于 Vue.js 2.0 开发。
  • v-semantic - semantic-ui 在 Vue 中的实现版本
  • BootstrapVue - 为 Vue.js 提供 Bootstrap v4 组件和网格系统的库。
  • fish-ui - 一套面向 Web 端的 Vue.js 2.0 UI 组件库。
  • zircle-ui - 用于开发可缩放用户界面(Zoomable UI)的前端库。
  • Material Components Vue - 对 material-components-web 的 Vue.js 封装库
  • VueFace - 一套面向 Web 端的 Vue.js 2.0 UI 组件库。
  • vuecidity - 面向 Vue.js 2.0 的 UI 组件框架。
  • ant-design-vue - 基于 Ant Design 和 Vue 3.2.0 开发的企业级 UI 组件库。
  • heyui - 一套面向 Web 端的 Vue.js 2.0 UI 组件库。
  • Carvue.js - 基于 IBM Carbon Design System(碳设计系统)的 Vue.js 实现。
  • BalmUI - 基于 Material Design 和 Vue 3.0 的模块化、可定制 UI 库。
  • Osiris UI - 一套通用型响应式 Vue.js 2.0 UI 组件库。
  • N3-components - 基于 Vue 2 开发的精美 Web 组件库。
  • Shards Vue - 基于 Bootstrap 4 框架打造的简洁优雅的 UI 组件库。
  • Fundamental Vue - 基于 SAP Fiori Fundamentals 实现的组件库。
  • Framevuerk - 基于 Vue.js 的快速、响应式、无依赖、支持双向排版且可配置的 UI 框架。
  • @Carbon/vue - 由 @carbon 团队开发的 Carbon Design System 组件库。
  • Inkline - 一款易用的 UI 组件库,为构建 Vue.js 3 设计系统提供开发者友好的基础能力
  • vue-awesome-mui - 面向 Web 端的 Vue.js 2.0 MUI 组件库。
  • MDBootstrap - 基于最新 Bootstrap 4 和 Vue 2.6.10 的强大 UI 工具包,提供一系列流畅的响应式页面模板、布局、组件和小部件,可快速构建响应式、移动优先的网站和应用。
  • vue-material-adapter - 遵循 Google 最佳实践的 Vue.js 物料组件集成库:基于基础层(Foundations)和适配层(Adapters)实现
  • PrimeVue - 功能最完善的 Vue UI 组件库。
  • CoreUI for Vue.js - 一套轻量级、跨浏览器、响应式的 Vue.js UI 组件库。
  • DaoStyle - 基于 Vue.js 开发的高质量组件库。
  • Chakra UI Vue - 轻量级、可定制的组件库,帮助你快速构建可访问的 Vue 应用和网站。
  • vue-canvas - 为 vuc-identify 开发的 Vue 画布组件。
  • oruga - 不依赖 CSS 框架的 Vue.js UI 组件库。
  • Wave UI - 一款新兴的 Vue.js UI 框架,只保留核心实用功能。
  • vectre - 基于 Spectre CSS 开发的轻量、简洁、响应式的组件框架。
  • element3 - 基于 element-ui 适配的 Vue.js 3.0 前端 UI 组件库。
  • superBVue - 基于 Bootstrap v5 开发的 Vue 3 Web UI 组件库。
  • Qui - 面向 Web 端的 Vue 2.x 设计系统。
  • Mijin - 基于 Tailwind CSS 的响应式 UI 组件库,无第三方依赖。
  • vuestic-ui - 可定制的 Vue.js 3.0 UI 框架。
  • Qui-max - 面向 Web 端的 Vue 3.x 设计系统。
  • Naive UI - 功能完善的 Vue 3 组件库,支持定制主题、基于 TypeScript 开发,性能表现良好,设计风格独特。
  • Element Plus - 一套 Vue 3 专属的 UI 框架。
  • AgnosticUI - 支持无障碍访问的 Vue 3 组件基础库,同时兼容 React、Svelte 和 Angular。
  • Unge UI - 一套 Vue 3.x 组件库,提供完善的文档支持,包含中英文双语说明。
  • Vexip UI - Vue 3 UI 库,支持高度自定义属性值、完整的 TypeScript 类型提示,性能表现优异。
  • Anu - 助力快速构建更优界面,以开发者体验(DX)为核心的工具类 Vue 组件库。
  • Vue USWDS - 美国网页设计系统(USWDS)的 Vue.js 实现版本。
  • Vuetensils - 一套“无样式”(naked)组件库,用于构建可访问、轻量、定制化的应用。
  • Vuersatile Components - Vue 3 组件库,内置表单自验证功能,集成 SCSS 框架。
  • Prefect Design - 基于 Vue 3、Typescript 和 Tailwind 开发的组件库。
  • Stellar UI - 支持全样式定制的 Vue 3 组件库。

移动端 UI 框架

专为移动端场景设计的 UI 框架

  • Framework7-Vue - 结合 Framework7 和 Vue 构建功能完整的 iOS & Android 应用。
  • vux - [中文] 基于 WeUI 开发的 Vue UI 组件库。
  • vue-onsenui - 基于 HTML5 和 JavaScript 的移动应用开发框架与 SDK。可创建美观、高性能的跨平台移动应用,基于 Web Components 构建,并提供 Angular 1/2、React 和 Vue.js 的绑定。
  • Weex - Weex 支持跨平台发布,Web、Android 和 iOS 应用可使用同一套 API 开发功能。
  • weex-eros - [中文] 基于 Weex 和 Vue 开发的应用解决方案,可通过 Vue 的 API 简单快速地开发中小型应用。
  • Ionic - 移动应用开发框架。
  • Native script - 使用 NativeScript 开发原生移动应用。
  • Vue Native - 使用 JavaScript 构建跨平台原生移动应用。

组件合集

仅包含组件、无布局系统的合集

  • vue-mdc - 适用于 Vue.js 的 Material Components Web 实现。
  • keen-ui - 轻量级核心 UI 组件合集,基于 Vue 开发,灵感源自 Material Design。
  • vue-admin - Vue 管理面板框架,基于 Vue 2.0 和 Bulma 0.3 开发。
  • vuikit - 结合 Vue 强大能力的 UIkit 组件库。
  • uiv - 使用 Vue2 实现的 Bootstrap3 组件库。
  • wffranco/vue-strap - 基于 Vue.js 2 构建的 Bootstrap 3 组件。
  • jsmod-vue-pc - 高可扩展的 Vue 2.0 网页组件库。
  • guilhermewaess/SemVue - 使用 Vue 2 实现的 Semantic-ui 模块。
  • office-ui-fabric-vue - Office UI Fabric 的 Vue.js 实现版本。
  • Semantic UI Vue - Semantic UI 与 Vue 的集成库。
  • vuesax - 面向 Vue.js 的前端组件库。
  • Essential JS 2 for Vue - 功能完备的 Vue.js 组件库(包含 45+ 组件),涵盖数据网格、图表、日程表、流程图等组件。
  • Banshee - 以无渲染(renderless)为主的 Vue UI 组件和工具框架,不内置任何 CSS 样式。
  • vue-atlas - 包含精美 Vue 组件的库。
  • DevExtreme Vue Components - 65+ 款响应式、功能完整的 Vue UI 组件,支持可定制的 Material Design 和 Bootstrap 兼容主题。
  • jqwidgets - 70+ 款支持 Material Design 主题的 Vue.js 2.0 UI 组件。
  • vue-uix - 用于 Vue.js 网页开发的 UI 组件合集。
  • vuedarkmode - 面向 Vue.js 的极简暗黑设计系统。
  • Kendo UI for Vue – 70+ 款 UI 组件(包含网格组件),专为企业级应用打造,全响应式设计,支持 Material Design 和 Bootstrap 等多种设计语言。
  • Vuent - 实现 Microsoft Fluent Design 的 Vue.js 组件库。
  • bpit/vue - 专注于视觉效果的 Vue 组件库。
  • vue-tailwind - 自带可定制类名的 Vue 组件,适配 TailwindCSS,同时兼容其他框架。
  • Equal UI - 基于 TypeScript 开发的 Vue UI 套件。
  • slim-ui - 基于 Vue.js 的轻量 UI 组件库。
  • Vue Component Development Kit - 无样式、高测试覆盖率、高灵活性的 Vue 组件/混入/插件合集。
  • element-pro-components - 基于 element-plus 开发的 Vue 3 组件库。
  • TW Elements for Vue - Vue 与 Tailwind CSS 的集成库 - 免费开源的 UI 套件。

移动端组件

专为移动端场景设计的组件合集

  • mint-ui - 面向 Vue.js 的移动端 UI 组件库。
  • vant - 有赞出品的 Vue.js 2.0 移动端 UI 组件库。
  • cube-ui - 基于 Vue.js 2 开发的优秀移动端 UI 库。
  • mand-mobile - 基于 Vue.js 2 开发的移动端 UI 工具包,专为金融场景设计。
  • NutUI - 面向移动端 Web 的 Vue.js 2.0 UI 组件库。

后台管理模板

后台管理系统模板合集

服务端渲染

静态网站生成器

  • VuePress - 极简的 Vue 驱动静态网站生成器。
  • Peco - 面向开发者的静态网站生成器。已停止维护
  • Saber - 基于 Vue.js 构建超快速现代网站的静态网站生成器。
  • Gridsome - 使用 Vue.js 构建超快速、现代化的网站。
  • Servue - 服务端渲染引擎,可将 vue 文件渲染为 HTML 字符串。
  • îles - 交互式孤岛(Islands of interactivity)架构的静态网站生成器,开发体验友好。

其他

  • app-framework - 使用 HTML & JavaScript 开发、构建和部署 IOS 和 Android 应用 - 免费开源。
  • Myfirebase - 解耦式单页应用框架,高度兼容 Google Firebase。
  • Vue-Access-Control - 基于 Vue.js 2 的前端权限控制框架。
  • Basys - 用于构建全栈 Vue.js 应用的工具箱。
  • CabloyJS - 一站式 NodeJS 全栈业务开发平台,基于 KoaJS & EggJS & VueJS & Framework7 开发。
  • vue-service-model - Vue.js 库,用于处理 REST 服务请求,支持缓存、聚合和模型定义。
  • DataFormsJS - 轻量级路由和 Web 服务框架,使用 Vue 作为模板引擎。
  • V-Craft - 用于构建可扩展页面构建器的 Vue.js 工具集。
  • Vue-Low-Code - 低代码工具包,可从 Quant-UX 原型生成 Vue 应用。
  • Figma-Low-Code - 将 Figma 设计稿转换为 Vue 应用。
  • vue-notion - 非官方 Notion 渲染器 – 将 Notion 作为 Vue(如 Nuxt)的 CMS 使用。
  • Fes.js - 基于 Vue 3 开发的易用前端应用框架。
  • petite-vue - Vue 的 6kb 子集,针对渐进式增强场景优化。

基于VitePress构建 | 所有资源均为开源免费