框架
响应式框架
包含组件库 + 响应式布局系统的框架合集
- 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 组件库。
后台管理模板
后台管理系统模板合集
- iView Vue Admin - 基于 iView 2.x 开发的后台管理门户模板。在线演示
- element Vue Admin - 基于 Element UI 2.x 开发的后台管理门户模板。
- vue-element-admin - 基于 Element UI 2.x 开发的高性能 Vue 后台管理系统。在线演示
- D2 Admin - 基于 Vue 开发的优雅后台模板。在线演示
- rest-admin - 基于 Vue 和 Bootstrap 4 的 RESTful 后台管理面板。在线演示
- Shards Dashboard Lite Vue - 现代风格的后台模板,包含数十个自定义组件和模板。在线演示
- Vue Material Admin - 基于 Vue Material Design 的后台模板。在线演示
- element-admin - 简洁但功能强大的 Vue 后台模板,基于 Vue CLI 3 和 element-ui 开发。在线演示
- dashboard - 基于 vuejs/vue-cli 4.x 构建的 Vue.js 后台仪表盘脚手架。在线演示
- vue-admin-next - 专业级企业应用模板,支持多模块设计、Vue 组合式 API,用户界面友好。在线演示
- vue-pro-sidebar - 带生态配置(vue-router、vuex)的响应式模板脚手架,可自定义主题颜色。在线演示
- Stellar Admin Boilerplate - 基于 Bootstrap-Vue 开发的后台模板脚手架。在线演示
- vuestic-admin - 基于 Vue 3 和 vuestic-ui 开发的 Vue 后台仪表盘。
- Materio-vuetify-vuejs-admin-template-free - 生产级别的 Vuetify Vuejs 后台模板,设计精良、功能全面。在线演示
- Tailmin - 基于 Vue.js 和 Tailwind CSS 开发的后台仪表盘。在线演示
- Vue-Admin-Template - 精美的免费 Vue.js 后台模板,基于 Vuetify 和 ApexCharts 设计。在线演示
- Admin One Vue 3 Tailwind dashboard - 基于 Vue.js 3 和 Tailwind CSS 的后台模板,支持暗黑模式。
- Mosaic - Vue Admin TailwindCSS template - 一站式 Tailwind CSS 后台仪表盘模板。
- vue-admin-box - 基于 Vue 3 和 Element Plus 的后台模板。在线演示
- argon-dashboard-vue3 - 基于 Element Plus、TailwindCSS 3 和 Vue 3 的模板。
- Vitify Admin - 基于 Vite 3、Vuetify 2、TypeScript 和 Vue 2.7 的模板。
- Dolphin Admin - 开源免费、轻量级、开箱即用的国际化后台模板,基于 Vue 3 + Vite + Naive UI + TypeScript + TailwindCSS 开发。在线演示
服务端渲染
- Nuxt.js - 多功能 Vue.js 框架。
- Ream - 轻量级框架,用于构建服务端渲染和静态网站。
- Universal vue - Vue CLI 插件,可便捷创建通用型 Vue 应用。
- Factor Platform - 可扩展的 VueJS 平台(Factor.dev → 文档)。
- Vapper - 基于 Vue 的服务端渲染框架。
静态网站生成器
- 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 子集,针对渐进式增强场景优化。