官方示例
脚手架
- Vite - 下一代前端工具。它很快!
- vue-enterprise-boilerplate - 一个不断演进、高度主观的架构和开发环境,适用于使用 Vue CLI 3 的新 Vue SPA 项目。
- Extension.js - 使用 Vue 构建跨浏览器扩展,无需配置,一个 manifest 适用于 Chrome、Edge、Firefox 和 Safari。
- electron-vite-vue - 非常简单的 Electron + Vite + Vue 样板。
- Create Vue
- vuesion - Vuesion 是一个样板,帮助产品团队以更少的麻烦和现代最佳实践(涵盖工程和设计)比以往更快地构建。
- Mevn-CLI - 基于 MEVN 栈的应用的极速设置。
- electron-vite-template - 使用 Vue 3、Vite 和 Electron 的现代桌面应用项目模板。它很快!
- Vutron - Vite + Electron + Vue 3 + Vuetify + TypeScript 的快速启动模板。
- mevn-boilerplate - ⭐️ 最全面的 mevn 栈样板。⭐️ mongodb - express - vue 3(管理后台)- nodejs - nuxt 3(客户端)样板(pinia、tiptap、slug、vuetify 和 vuexy 等)🎉
- Vue.js/Nuxt.js full-featured boilerplate - 专业机构前端模板,用于使用 vuejs/nuxtjs 构建快速、健壮且适应性强的 Web 应用或网站。
- OxideDock - 基于 Tauri v2 的 Vue 3 桌面应用启动器,集成 Tailwind CSS、Pinia、Vitest、Playwright,并支持自动化跨平台发布。
- Vue3-SPA-starter-template - 包含 Router、Pinia、i18n、Stripe、Event Bus、SEO meta 和 schema 标签处理等功能的入门套件。
- vue-x-platforms - Vue 运行在 Web、iOS、Android 和 Vision Pro 上。
- monorepo-template - 🗂️ Vue 3 monorepo 模板,包含 pnpm、Nx、Vite、Tailwind CSS、Storybook、TypeScript 和即用型共享库。
- sketch-to-vue - 用于 Claude Code 和 Cursor 的 AI 技能,可将 Sketch MeaXure / MasterGo 设计导出转换为像素级完美的 Vue 2/3 组件。专为仪表盘/驾驶舱/大屏页面优化:确定性资源解析、ECharts 自动检测、场景图分析和完整消费审计。
- ILUMINATY - Vue 3 + Vite SSG 模板,适用于编辑网站、目录、活动和博客,集成 Sanity CMS。
- ScaffoldHub.io - 使用 SQL、MongoDB 或 Firebase Firestore 数据库生成完整的 Vue 应用程序。
- VuePlay - 在几秒内生成一次性 Vue 演练场。允许你快速测试。
- vue-starters-directory - 搜索 VueJS 可用的脚手架项目和入门套件。提供搜索和 GitHub 统计功能。
- MōBrowser - 使用 Web 技术构建桌面应用的框架。包含 Vite + Vue + Quasar 的模板和管道。
商业产品
- NocoDB - Airtable 的开源替代品。
- NxShell - 基于 Electron 和 VueJS 的易用 SSH 终端。
- Wijmo - 一组支持 VueJS 的 UI 控件。
- ChatWoot - 通过 Facebook Messenger 进行实时聊天和客服协作。
- VueA - 包含多种布局和 Laravel 版本的 VueJS 管理模板。
- EducationLink - 面向教育代理和院校的 CRM 与销售自动化工具。
- Pragmatic v2.0 - 基于 Vue.js 和 Element 构建的响应式可配置管理模板。
- Moonitor - 适用于桌面的加密货币追踪器。
- Deskree - 在线协作平台,集想法、任务和问题于一体。
- ScaffoldHub - 基于 VueJS 的在线 Web 应用生成器,支持 NodeJS 及 MongoDB 或 SQL。
- Commandeer - 云端管理新构想。基于 Vue.js 和 Electron 构建的桌面云管理应用。
- Leave Dates - 追踪员工休假的全新强大方式。
- vREST NG - 基于 VueJS 和 Element UI 构建的企业级自动化 API 测试应用。
- Coloban - 一体化项目管理工具,包含聊天、看板、甘特图、通话、屏幕共享等众多功能。
- Materio Vuetify VueJS Admin Template - 功能强大、开发者友好、生产就绪且全面的 Vuetify VueJS 管理模板。
- He3 - 免费且现代的开发者实用工具箱。
- RunJS - JavaScript 游乐场,输入时实时评估代码并提供即时反馈,适合原型设计或尝试新库。
- Sneat Vuetify VueJS Admin Template - 适用于响应式 Web 应用的终极 VueJS 管理模板。
- Litlyx - AI 驱动的 Web 分析平台。Google Analytics 4 和 Mixpanel 的开源替代品。
- Fynk - 合同创建、签署和管理平台。
框架
- Nuxt.js - 多用途 Vue.js 框架。
- Ionic - 移动应用开发框架
- uni-app - 一个使用 Vue.js 的跨平台框架
- vuetify - Vue.js 2 的 Material 组件框架。
- vue-vben-admin - 一个现代 Vue 管理后台。它基于 Vue3、Vite 和 TypeScript。速度很快!在线演示
- Element Plus - 一个 Vue 3 UI 框架。
- quasar-framework - Quasar 框架。使用 Vue.js 3 和相同代码构建响应式网站、混合移动应用和 Electron 应用。
- gin-vue-admin - 🚀Vite+Vue3+Gin 开发基础平台。在线演示
- vant - 有赞的 Vue.js 2.0 移动端 UI。
- VuePress - 极简风格的 Vue 驱动的静态站点生成器。
- ant-design-vue - 基于 Ant Design 和 Vue 3.2.0 的企业级 UI 组件。
- Framework7-Vue - 使用 Framework7 和 Vue 构建功能完整的 iOS 和 Android 应用。
- Naive UI - 一个 Vue 3 组件库,相当完整,主题可定制,使用 TypeScript,速度不算太慢,有点意思
- VitePress - Vite 和 Vue 驱动的静态网站生成器。
- soybean-admin - 一个干净、优雅、美观且功能强大的管理模板,基于 Vue3、Vite5、TypeScript、Pinia、NaiveUI 和 UnoCSS。
- BootstrapVue - Vue.js 的 Bootstrap v4 组件和网格系统。
- vuestic-admin - 基于 Vue 3 和
vuestic-ui构建的 Vue 管理后台。 - shadcn-vue - 一个非官方、社区主导的 shadcn/ui 的 Vue 移植版(使用 Reka UI 和 Tailwind CSS 构建的可复用组件)。
- buefy - 基于 Bulma 框架的组件。
- vue-onsenui - 使用 HTML5 和 JavaScript 的移动应用开发框架和 SDK。创建美观且高性能的跨平台移动应用。基于 Web Components,并提供 Angular 1、2、React 和 Vue.js 的绑定。
- Geeker-Admin - 一套基于 Vue3 + TypeScript + Element Plus 的开源后台管理框架。在线演示
- Nuxt UI - 为 Vue 和 Nuxt 提供 125+ 个可访问且可定制的组件,基于 Tailwind CSS 和 Reka UI 构建。
- Reka UI - 一个开源的无样式、可访问的 UI 原语库,用于在 Vue 3 中构建高质量的设计系统和 Web 应用(前身为 Radix Vue)。
- Native script - 使用 NativeScript 开发原生移动应用
- NutUI - 一个用于移动 Web 的 Vue.js 2.0 UI 工具包
- keen-ui - 一个用 Vue 编写、受 Material Design 启发的轻量级必备 UI 组件集合。
- vuestic-ui - 一个可定制的 Vue.js 3.0 UI 框架。
- element3 - 一个基于 element-ui 的 Vue.js 3.0 网页 UI 工具包。
- heyui - (https://www.heyui.top/en) - 一个用于网页的 Vue.js 2.0 UI 工具包。
- Admin One Vue 3 Tailwind dashboard - Vue.js 3 Tailwind CSS 管理模板,支持暗色模式。
- Vue Material Admin - 一个 Vue Material Design 管理模板 在线演示
- Vexip UI - 一个 Vue 3 UI 库,属性值高度可定制,完全使用 TypeScript,性能应该不错。
- vue-admin-box - 基于 vue3 和 element-plus 的管理后台模板。在线演示
- Fes.js - 一个基于 vue3 的易用前端应用框架。
- Inkline - Inkline 是一个直观的 UI 组件库,为构建 Vue.js 3 设计系统提供开发者友好的基础。
- îles - 交互式岛屿,愉悦的站点生成器。
- oruga - 不依赖 CSS 框架的 Vue.js UI 组件。
- CabloyJS - 终极 NodeJS 全栈业务开发平台,基于 KoaJS 和 EggJS 和 VueJS 和 Framework7
- MDBootstrap - 基于最新 Bootstrap 4 和 Vue 2.6.10 的强大 UI 工具包,提供一套流畅、响应式页面模板、布局、组件和小部件,用于快速构建响应式、移动优先的网站和应用。
- Materio-vuetify-vuejs-admin-template-free - 一个生产就绪、精心打造、功能最全面的 Vuetify Vuejs 管理后台模板。在线演示
- zircle-ui - 用于开发可缩放用户界面的前端库。
- flowbite-vue - 基于 Tailwind CSS 的 Vue 组件库
- uiv - 由 Vue2 实现的 Bootstrap3 组件。
- vue-notion - 非官方 Notion 渲染器——将 Notion 用作 Vue(例如 Nuxt)的 CMS。
- @Carbon/vue - 来自 @carbon 团队的 Carbon 设计系统组件。
- CoreUI for Vue.js - CoreUI for Vue.js 是一个 UI 组件库,提供一系列跨浏览器、响应式和轻量级的 Vue.js UI 组件。
- Wave UI - 一个新兴的 Vue.js UI 框架,只展现光明的一面。☀️
- Maz-UI - 面向 Vue 3 和 Nuxt 3 和 4 的轻量高效库,包含 50+ 组件、主题、国际化以及实用的插件和组合式函数。
- dashboard - 基于 vue.js 和 vuejs/vue-cli 4.x 创建的后台仪表盘脚手架。在线演示
- BalmUI - 基于 Material Design 和 Vue 3.0 的模块化、可定制 UI 库。
- Vue-Low-Code - 低代码工具包,可从 Quant-UX 原型生成 VUE 应用。
- element-pro-components - 一个基于 element-plus 的 Vue 3 组件库
- Mosaic - Vue Admin TailwindCSS template - 一体化 Tailwind CSS 管理后台仪表盘模板。
- Qui-max - 一个面向 Web 的 Vue 3.x 设计系统
- DataFormsJS - 一个极简的路由和 Web 服务框架,使用 Vue 作为模板引擎。
- argon-dashboard-vue3 - 模板,Element Plus 和 TailwindCSS 3,Vue3。
- Bloggrify - 用于博客的 Nuxt Content 层,预配置了主题、SEO、RSS 和分析。
- vue-material-adapter - Vue.js 的 Material 组件集成,遵循 Google 推荐的最佳实践:使用 Foundations 和 Adapters。
- vue-pro-sidebar - 一个带有生态系统配置(vue-router、vuex)的响应式模板启动器,该样板允许你选择偏好的颜色。在线演示
- YummyAdmin - 📈 基于 Naive UI 和 TailwindCSS 的免费 Vue 管理面板。设计精美,支持 RTL 和多语言。(MSW、Pinia、TS、UnoCss、Vite)
- Dolphin Admin - 一个开源、免费、轻量、开箱即用、国际化的管理后台模板,基于 Vue 3 + Vite + Naive UI + TypeScript + TailwindCSS。在线演示
- Tailmin - 使用 Vue.js 和 Tailwind CSS 构建的管理后台。在线演示
- Stellar UI - 为 Vue 3 提供完全样式化和可定制的组件。
- Vue USWDS - USWDS(美国网页设计系统)的 Vue.js 实现
- @oneflowui/ui - 用于任务管理视图的 Vue 3 + TypeScript 组件库,包含表格、看板、甘特图时间线、画廊、AI 聊天、仪表盘图表、富文本编辑器、MermaidChart 等。开箱即用提供 75+ 组件。
- AirPower4T - 一个基于 Vue3、TypeScript、Element Plus、Vite 的开发库,提供了许多后台平台功能,如
OOP、装饰器,使你的开发更高效。 - @todovue/tv-ui - 一个可定制、无障碍优先的 Vue 3 UI 组件库。文档
- iview-ui - 一个用于网页的 Vue.js 2.0 UI 框架。
- AT-UI - 一个专为桌面应用设计的清新扁平 UI 套件,由 Vue.js 2.0 用 ♥ 制作。
- fish-ui - 一个用于网页的 Vue.js 2.0 UI 工具包。
- Carvue.js - IBM 的 Vue.js Carbon 设计系统。
- Osiris UI - 🎨 一个 Vue.js 2.0 通用响应式 UI 组件库。
- PrimeVue - 最完整的 Vue UI 组件库。
- AgnosticUI - 可访问的 Vue 3 组件原语,也适用于 React、Svelte 和 Angular!
- Vuersatile Components - 一个 Vue 3 组件库,集成了表单自校验和 SCSS 框架。
- Prefect Design - 使用 Vue 3、TypeScript 和 Tailwind 构建的组件库。
- BoldKit - 一个面向 Vue 3 和 Nuxt 的新粗野主义组件库,包含 55+ 组件、10 种图表类型、64 个 SVG 形状和 17 个动画 ASCII 形状。基于 Reka UI 构建,兼容 shadcn-vue CLI。
- Inspira UI - 开源组件,使用 Vue、Nuxt 和 Tailwind CSS 轻松构建令人惊艳的动画界面。
- Vue Lynx - 一个用于 Lynx 的 Vue 3 自定义渲染器,从单一代码库渲染到原生 iOS 和 Android 视图,并编译到 Web。
- cube-ui - 一个基于 Vue.js 2 实现的优秀移动端 UI 库。
- mand-mobile - 一个基于 Vue.js 2 的移动端 UI 工具包,专为金融场景设计。
- Vy UI - 面向 Vue Lynx 的无头原语和样式化组件,提供 shadcn 风格的 CLI,可将组件源码复制到你的项目中。
- Naive UI - 一个 Vue 3 组件库。相当完整、主题可定制、使用 TypeScript、速度快。
- Essential JS 2 for Vue - 功能完整的 45+ Vue.js 组件,包括数据网格、图表、调度器和图表等组件。
- jqwidgets - 70+ 个 Vue.js 2.0 UI 组件,采用 Material Design 主题。
- Kendo UI for Vue - – 超过 70 个 UI 组件,包括一个网格,专为企业应用构建。完全响应式,支持多种设计语言,包括 Material Design 和 Bootstrap。
- TW Elemetns for Vue - Vue 与 Tailwind CSS 的集成——一个免费的开源 UI 套件
- Origin UI Vue - 使用 Tailwind CSS 和 Vue 构建的漂亮 UI 组件
- adminforth - Vue + Node + Tailwind 管理后台框架。在线演示
官方资源
工具函数
- tanstack-query - 强大的异步状态管理。
- vueuse - 适用于 Vue 2.x 和 3.x 的 Vue Composition API 实用工具集合。
- pinia - 🍍 直观、类型安全、轻量且灵活的 Vue Store,使用组合 API,支持 DevTools。
- vue-apollo - 适用于 VueJS 的 Apollo/GraphQL 集成。
- vue-loader - Vue.js 组件的 Webpack 加载器。
- vscode-vue-i18n-ally - 用于改善 Vue-i18n 体验的 VSCode 扩展。
- effector - — 快速且强大的响应式状态管理器。Effector 让您编写简单、快速且类型安全的代码,并轻松管理响应式状态。
- eslint-plugin-vue - 适用于 Vue.js 项目的 Eslint 插件。
- unplugin-vue-components - 📲 按需自动导入 Vue 组件。
- unplugin-auto-import - 为 Vite、Webpack 和 Rollup 按需自动导入 Vue API。
- intlify/vue-i18n-next - 适用于 Vue 3 的 Vue I18n。
- swrv - Vue 的 stale-while-revalidate 数据获取。
- vue-api-query - 构建 REST API 请求的优雅而简单的方式。
- vue-request - ⚡️ Vue 3 可组合函数用于数据获取,支持 SWR、轮询、错误重试、缓存请求、分页等酷炫功能。
- vue-stripe-checkout - 一个简单的 Vue 插件,用于 Stripe 结账。
- vue-intlayer - Intlayer 为 vue 3 提供的 i18n 解决方案。
- vue-page-stack - 适用于您的 Vue SPA 的路由和导航。Vue 单页应用导航管理器
- vite-svg-loader - Vite 插件,将 SVG 文件加载为 Vue 组件
- vue-types - Vue Prop 类型定义。
- pinia-orm - Pinia 插件,用于启用对 Pinia Store 的对象关系映射访问。🍍
- harlem - 简单、无偏见、轻量且可扩展的 Vue 3 状态管理。
- vue-facing-decorator - Vue 3 TypeScript 类组件装饰器,类似 Vue 2 中的
vue-property-decorator。 - vue-concurrency - 用于封装异步操作和管理 Vue 及 Composition API 并发的库。
- v-google-translate - 一个使用 Google 翻译对 Vue.js 应用进行国际化的组件。
- exome - 基于代理的简单状态管理器,适用于深层嵌套状态。
- fluent-vue - Vue.js 国际化插件(2 和 3)。Vue.js 集成 Fluent.js - Project Fluent 的 JavaScript 实现。
- vue-live - 用于演示组件的组件,灵感来自 react-live。
- tolgee/vue - 基于 Web 的本地化工具,使用户能够直接在他们开发的 Vue 3 应用中进行翻译。
- @i18n-micro/vue - 轻量级 Vue 3 i18n 绑定,基于策略的路由;是 i18n-micro 生态系统的一部分。
- vue-stripe-js - Vue 3 的 Stripe.js 组件
- jsonapi-vuex - 使用 Vuex store 配合 JSONAPI api,并在客户端对记录进行重构/规范化。
- @tauri-store/pinia - 适用于 Tauri 的持久化 Pinia store。
- pinia-persistedstate-2 - 在页面重新加载之间持久化并重新水合您的 Pinia 状态。
- mobx-vue-lite - 基于组合式 API 的 MobX 轻量级 Vue 3 绑定。
- pinia-xstate - 将您的 xstate 状态机放入全局 Pinia store 中。
- v-bucket - 📦 为 Vue 3.0 构建的快速、简单、轻量级状态管理,使用组合 API,灵感来自 Vuex。
- vue-jsx-hot-loader - 为使用 JSX 渲染函数的 Vue.js 组件启用 HMR。
- @skirtle/vue-vnode-utils - 用于在 Vue 3 渲染函数中处理插槽 VNode 的辅助函数。
- crd-ui - 用于支付表单和已保存卡片视图的信用卡和借记卡可视化,支持实时品牌检测和 3D 翻转。零依赖。
- vue-safe-html - Vue.js 指令,动态渲染经过消毒的 HTML。
- vue-datatable-url-sync - 将数据表选项和过滤器与 URL 同步,即使在刷新或导航后也能保留用户偏好。
- @stitchapi/vue - 流优先的 StitchAPI 绑定:类型化、经过验证的
useStitch/useStitchStream可组合函数,在响应增量到达时重新渲染。 - vue-auth-href - 一个 VueJS 指令,用于下载受保护路由方案下的文件
- vue-next-i18n - 一个轻量级的 Vue 3 国际化插件。
- v-intl - 适用于你的 Vue 3 应用的全局 Intl 包装器 🔉
- pinia-plugin-unstorage - 使用 unjs/unstorage 的最佳 Pinia 持久化插件。
- vue-ts-types - 轻量级、TypeScript 优先的 Vue prop 类型定义。
- vue-vroom - 一个 REST API 插件,可让你以最小配置快速生成类型安全的 store 和 mock API。
- vue-tiny-translation - 超轻量(0.32KB)的 Vue 3 响应式翻译插件。演示
- vue3-websocket - 使用 Zod 验证传入的 WebSocket 数据。
- fela-vue - 为 Vue 设计的 CSS-IN-JS 混入,注重灵活性且面向团队协作。
- vite-plugin-svg-sfc - Vite 插件,将 SVG 文件加载为 Vue SFC,支持 HMR 和 <style> 块。
- vuex-masked-modules - 一个 Vuex 插件,将模块的数据结构存储在 localStorage 中,并支持掩码或加密数据以增加探索难度。专为 Vue 3 和 Vuex 4 设计。
- @erlihs/pinia-plugin-storage - 全面的状态持久化和同步,同时尽可能简单。
- vue-macros - 探索并扩展更多 Vue 宏和语法糖。
- Loccy - 在基于 VS Code 的编辑器中轻松管理 Vue-i18n,具有智能 AI 翻译和键建议功能。
- Stan - 一个极简的原子状态管理器(框架无关,附带 Vue 绑定)。
开源
- slidev - 面向开发者的演示文稿幻灯片。
- YesPlayMusic - 高颜值第三方网易云播放器,支持 Windows / macOS / Linux :electron:
- Wiki.js - 一个基于 NodeJS、Git 和 Markdown 的现代、轻量且强大的 Wiki 应用
- Bagisto - 免费开源的 Laravel 电商框架,适合所有人构建和扩展业务。
- Dashy - 自托管起始页,具有易用的可视化编辑器、状态检查、主题、小部件等众多功能。
- Stack Edit - 浏览器内的 Markdown 编辑器
- Daily - 精选的开发新闻,直接呈现在你的新标签页 👩🏽💻
- Koel - 一个可用的个人音乐流媒体服务器。
- MyIP - 一体化 IP 工具箱,轻松检查 IP、IP 地理位置、DNS 泄漏、WebRTC 连接、速度测试、Ping 测试、MTR 测试、网站可用性等。
- douyin - 模仿 TikTok,Vue 移动端最佳实践。
- vue-storefront - Vue.js Storefront —— 电子商务 PWA。100% 离线、平台无关、无头、支持 Magento2。
- Akaunting - 一个面向小型企业和自由职业者的免费在线会计软件,基于 Laravel 和 VueJS。
- nativescript-vue - Vue.js 实现的 NativeScript 渲染器。
- Aimeos - 领先的 Laravel 电商框架,用于构建超快在线商店、市场和复杂 B2B 应用,可扩展至 1 到 10 亿+ 商品。
- MQTTX - 使用 Vue.js、TypeScript 和 Electron 构建的跨平台 MQTT 5.0 桌面客户端。
- astralapp - 轻松整理你的 GitHub 星标。
- CoreUI Vue Admin Template - 由 Vue.js 驱动的开源管理模板
- PJ Blog - 基于 Laravel 和 Vue.js 构建的开源博客。
- Antares SQL - 跨平台 SQL 客户端,力求简单而完整。
- Paper-Dashboard - 为 Vue 打造的 Creative Tim Paper Dashboard
- GrandNode 2.0 - 基于 .NET Core 5.0 和 MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS 的开源跨平台电子商务解决方案。
- Laravel File Manager - 强大的 Laravel 文件管理器
- MarkerOn - 基于 Tauri v2、Vue 3 和 Canvas API 构建的轻量级屏幕标注工具,可在桌面任意位置绘制、高亮和标注。
- LogChimp - 开源软件,用于跟踪客户反馈以打造更好的产品。
- Laravel Enso - 基于 Bulma、VueJS 和 Laravel 构建的 SPA 管理面板,开箱即用,功能丰富。
- AI Gist - 本地优先的 AI 提示词管理器,基于 Vue 3、Naive UI、Electron(桌面端)和 Capacitor(iOS/Android)构建。支持变量填充、Jinja 模板、AI 辅助提示词生成、版本历史以及 WebDAV/iCloud 备份。
- QMK Configurator - QMK 固件键盘配置 UI,使用 Vue.js 实现。
- Light Bootstrap Dashboard - 为 Vue 打造的 Creative Tim Light Bootstrap Dashboard
- FavBox - 本地优先的浏览器扩展,通过标签、搜索、重复和失效链接检测实现更智能的书签管理,基于 Vue 3、Vite 和 IndexedDB 构建。
- VueFinder File Library - Web 文件管理器库。
- LeagueStats - 面向《英雄联盟》在线游戏玩家的统计网站。
- Socialhome - 一个具有社交网络功能的联邦式丰富个人资料构建器
- Vue Org Chart - 管理并发布你的交互式组织架构图(orgchart),免费且无需 Web 服务器。
- fylepad - 基于 Vue 构建的记事本,支持强大的富文本编辑。
- Buefy Shop - 示例商店,开源,使用 Nuxt、Stripe、Firebase、Bulma 和 Serverless Functions 构建。
- Pychat - 自托管的 WebRTC 视频聊天(Slack 的替代方案)
- Vue Expenses - 使用 Vue.js、Vuetify 和 ASP.NET Core 制作的费用跟踪应用
- Vue Crypto Dashboard - 使用 Vue.js 制作的加密货币仪表盘
- Materio Free Vuetify VueJS Laravel Admin Template - 开源且易于使用的 Vuetify Vuejs Laravel 管理模板,设计优雅、布局独特。
- Overlay - 帮助开发者在选择开源包之前进行评估的浏览器扩展。
- Balancer - 运行在以太坊上的去中心化金融应用。
- Vue E-Store Templet - 使用 vue/vuex/vue-router 和 bootstrap4 构建的电子商务模板。
- npmcharts.com - 比较 npm 包并发现下载趋势。
- XIV ToDo - 面向《最终幻想 XIV》的仪表盘、完成度追踪器、定制周/日清单和工具。
- ZuiOJ - 使用 Vue2 的 UI 和 Java 开发的 ZuiOJ 系统。
- Minimal Notes - 使用 Vue.js 构建的 Web 应用
- Snippets.Ninja - 用于代码片段管理的渐进式 Web 应用。离线优先。开源。应用使用 IndexedDB 进行本地存储。
- Carpoolear - 阿根廷拼车应用 Carpoolear 的开源 Vue.js 前端(移动端和 Cordova 应用)
- OpenAPI 3 viewer - 浏览并测试由 OpenAPI 3.0 规范描述的 REST API
- DentalPin - 牙科诊所管理平台,支持预约排程和模块化插件架构,基于 Nuxt 3 和 FastAPI 构建。
- CodeceptJS UI - 类似 Cypress 的界面,用于 CodeceptJS 端到端测试。
- Interface X - UI 搜索与发现组件,快速构建出色的搜索体验。
- FAIRshare - 根据适用的 FAIR 指南共享生物医学研究数据和软件。
- Yacht - 基于 Vuetify 的 Docker 容器管理 Web UI,轻松管理 Docker 容器和项目。
- Savycart - 用于记录个人购物的 PWA,无需纸笔即可去超市 🏬 基于 Vue 和 Vuetify
- peregrine-cms - 基于 Vue.js 和 Apache Sling 的无头可选 CMS
- Afterman - 🌕 使用 Quasar Framework 从 Postman 集合生成精美的 Markdown 和 HTML 文档。
- vuejs-extension-pack vscode - 一个 VS Code 扩展包,包含用于 Vue.js 开发的流行 VS Code 扩展。
- Simple IoT - 单二进制自托管 IoT 平台,带有 Vue 3 + Element Plus 管理 SPA。可视化拖拽规则引擎、基于 ECharts 的实时设备仪表盘、热加载协议脚本、内置 MQTT 代理。后端基于 Spring Boot 4;是 ThingsBoard CE 的轻量级替代方案。
- vue-paho-mqtt - 适用于 Vue 3 的易用 Paho MQTT 客户端库,支持集中订阅管理、类型支持,并内置可选告警通知库。
- vixl - 本地优先的桌面编码代理,是 Cursor、Antigravity 和 VS Code 代理的替代方案。基于 Vue、TypeScript 和 Tauri 构建。渐进式工具发现可减小本地模型预填充。
- chrome-ribbon-reminder - 一个使用 Vue 和 Async/Await 编写的 Chrome 扩展。使用弹出显示并更改徽章计数。
- JARVIS - 自托管的 AI 助手平台,前端使用 Vue 3、Pinia 状态管理、TypeScript,并支持实时 SSE 流式聊天。后端使用 FastAPI,集成 LangGraph ReAct 代理、RAG 知识库、多 LLM 支持(DeepSeek/OpenAI/Anthropic)和插件 SDK。
- MYDY Dashboard - 自托管的个人生产力与财务管理仪表盘,集成 AI 助手、看板、时间追踪和 Telegram Mini App,基于 Nuxt 4 和 Laravel 11 构建。
- fresfolio - 基于浏览器的笔记应用,用于管理个人和研究项目。后端使用 Flask,前端使用 Vue.js,并利用 Quasar 框架实现 UI 组件和响应式设计。
- Hubble - 🔭 浏览 GitHub 星标历史。
- Vuepress - 极简的 Vue 驱动的静态站点生成器
- Faviator - 一个简单易用的 favicon 生成器。
- Bael Blog Template - 一个静态生成的博客模板,后端使用 Netlify CMS,托管使用 Netlify。具有粗野主义美学、模糊搜索、无服务器邮件注册等功能。
- Twill - 一个面向 Laravel 的开源 CMS 工具包,帮助开发者快速创建直观、强大且灵活的自定义管理控制台。
- Thermal - 所有 Git 仓库的一站式管理。
- activist.org/ - 开源、非营利的行动主义平台。
- Sneat Free Vuetify VueJS Admin Template - 用于构建响应式 Web 应用的终极免费 VueJS 管理模板。
UI 组件
- swiper - Vue 3 的官方 Swiper 组件。支持 tree shaking、SSR、类型、无障碍等更多功能。
- tiptap - 适用于 Vue.js 的无渲染且可扩展的富文本编辑器。
- tanstack-table - 用于构建强大表格和数据网格的无头 UI。
- ag-grid-vue - ag-Grid 的 Vue 适配器。
- vue-echarts - Apache ECharts™ 的 Vue.js 组件。
- tsParticles - 一个轻量级 JavaScript 库,可轻松创建高度可配置且交互式的粒子动画。
- vxe-table - Vue 表单/表格解决方案。
- form-create - 表单构建器,支持动态渲染、数据收集、验证和提交功能,支持 JSON 数据。
- vue-flow - 交互式、可自定义的 Vue3 图形与流程图编辑器。
- vue-multiselect - 适用于 Vue.js 的通用选择/多选/标签组件。
- vue-chartjs - Chart.js 的 Vue.js 封装。
- reactivesearch-vue - 用于使用 Elasticsearch 构建数据驱动应用的 UI 组件。
- vue-select - 一个原生 Vue.js 组件,提供与 Select2 类似的功能,而无需 jQuery 的开销。
- vue-cropper - 适用于 vue2.0 的图片裁剪插件。
- vuedraggable-plus - Vue 组件,支持拖放排序模块,支持 Vue>=v3 或 Vue>=2.7。基于 Sortable.js。
- epic-spinners - 易于使用的 CSS 加载动画集合,集成 Vue.js。
- virtua - 一个零配置、快速且小巧(约 3kB)的虚拟列表组件,适用于 React 和 Vue。
- vue-draggable-resizable - 用于可拖拽和可调整大小元素的 Vue2 组件。
- v-tooltip - 使用 Vue 2.x 轻松创建工具提示。
- markstream-vue - 适用于 Vue 3、Nuxt 和 VitePress AI 聊天界面的流式 Markdown 渲染器,支持不完整的 Markdown、Mermaid、KaTeX、长响应和流式代码块。
- @egjs/vue-flicking - 一个可靠、灵活且可扩展的 Vue.js 2 和 3 轮播组件。
- vue-upload-component - Vue 上传组件,支持多文件上传、目录上传、拖拽上传、拖拽目录。支持 Vue >= 2.0
- v-viewer - 基于 viewer.js 的 vue2 和 vue3 图片查看器组件,支持旋转、缩放、放大等功能。
- schedule-x - 一个 Material Design 事件日历。可定制,支持浅色和深色模式及多语言。
- vue-data-ui - Vue 3 图表库,包含 60+ 个组件。官方网站:https://vue-data-ui.graphieros.com/
- @egjs/vue-infinitegrid - 根据多种布局类型(如瀑布流)为 Vue.js 2 排列无限卡片元素。
- vue-qrcode-reader - 一组用于检测和解码二维码的 Vue.js 组件。
- vue-advanced-chat - 功能丰富且高度可定制的聊天室组件。支持文件、图片、视频、音频、表情符号、自定义操作等。
- vue-cesium - Cesium 的 Vue 2.x 和 Vue 3.x 组件。
- vue-cheetah-grid - 一个基于 Canvas 的高性能网格引擎,适用于 Vue.js。
- vue-konva - Vue & Canvas - 使用 Vue 绘制复杂 Canvas 图形的 JavaScript 库。
- vue-apexcharts - ApexCharts 的 Vue.js 组件。
- vue-advanced-cropper - 一个高级裁剪器,让你能够创建几乎任何你想要的裁剪器
- vue-pdf-embed - 适用于 Vue 2 和 Vue 3 的 PDF 嵌入组件。
- vue-final-modal - Tailwind 友好、高度可定制、可堆叠的模态框组件。
- v-region - 一个简单的区域选择器,提供中国行政区划数据。
- vue-simple-calendar - 基于 Flexbox 的 Vue 月份日历组件;支持多日事件、本地化、节日表情符号、拖放。无依赖。
- vue-tel-input - 带 Vue 的国际电话输入组件。
- vue3-carousel - 一个高度可定制、轻量级的 Vue 3 轮播组件,适用于你的下一个精彩项目。
- notivue - 功能齐全的 Vue 3 和 Nuxt 3 通知系统。
- @vue-leaflet/vue-leaflet - Leaflet (1.x) 地图的 Vue 3 组件。
- @vueform/multiselect - Vue 3 多选组件,支持单选、多选和标签选项。
- qrcode.vue - 一个用于生成二维码的 Vue.js 组件。同时支持 Vue 2 和 Vue 3。
- vue-kanban - 一个灵活的拖放看板组件。
- phantom-ui - 结构感知的骨架屏加载 Web 组件,测量真实 DOM,支持 Vue、React、Svelte 和纯 HTML。
- vue-audio-visual - Vue HTML5 音频可视化组件。
- vue3-openlayers - 用于 OpenLayers 的 Vue 3 组件。
- vue3-marquee - 一个简单且响应式的 Vue 3 跑马灯组件,零依赖。
- vue-chartkick - 用一行 Vue 代码创建漂亮的 JavaScript 图表。
- vue3-dnd - React DnD 的组合式 API 实现,使用组合式 API 实现可排序和自由拖拽,支持 Vue2、Vue3。
- vue-currency-input - Vue.js 轻松输入货币格式化数字。
- @tato30/vue-pdf - 一个适用于 Vue 3 的 PDF 查看器。演示
- vue-sweetalert2 - sweetalert2 的封装,支持 TypeScript、Nuxt 和 SSR。
- v-network-graph - 一个基于 SVG 的交互式网络图可视化组件,适用于 Vue 3。
- Vue Datatable - 基于 VueJS 的数据表格,支持 Laravel 服务端加载和 JSON 模板配置。
- vue-img-cutter - 一个用于图片裁剪工具的 Vue 插件,使用非常方便。
- vue-use-sound - 一个用于播放音效的 Vue Hook。
- vue3-easy-data-table - 一个易于使用的数据表格组件,使用 Vue.js 3.x 制作,参考了 Vuetify 2 中数据表格组件的 API 和 UI。
- vue-flux - 带有 20 种炫酷过渡效果的图片滑块。
- vue-fluid-dnd - 一个 Vue 3 拖放、排序、零依赖库,具有酷炫动画和易于使用的组合式 API。
- Everright-formEditor - 一个可视化的拖拽式低代码表单编辑器。
- vue-functional-calendar - 基于 Vue 的轻量级高性能日历组件(日期选择器、日期范围)。
- vue-crud-x - 可扩展的 CRUD 组件,使用 Vuetify 布局,除了常规的分页、排序、筛选外,还能进行嵌套 CRUD、自定义表单、筛选和操作。
- sortablejs-vue3 - 一个 Vue 3 组件,作为 SortableJS 的轻量封装。
- @kyvg/vue3-notification - Vue 3 通知库
- vue-command - 一个功能完整的 Vue.js 终端模拟器
- ckeditor5-vue - 适用于 Vue.js 的官方 CKEditor 5 富文本编辑器组件。
- v-offline - 简单、小巧且易于使用的 Vue 应用离线与在线事件检测(压缩后小于 390b)。
- vodal - 一个带动画的 Vue 模态框。
- vue-ellipse-progress - 一个灵活的 Vue.js 组件,用于创建漂亮的动画圆形进度条和加载器。
- flowchart-vue - Vue.js 的流程图和流程图设计器组件。
- vue-easy-slider - Vue.js 的滑块组件。
- jz-gantt - 一个高性能的 Vue 甘特图组件,包含高度可定制的表格列、动态更新数据、自由拖拽进度条、切换表头等功能。
- vue-web-terminal - 💻 一个功能丰富且强大的 vue2 和 vue3 网页终端插件。
- sl-vue-tree - 一个简单可定制的 Vue.js 可拖拽树组件。
- vuejs-dialog - 一个轻量级、基于 Promise 的 alert、prompt 和 confirm 对话框。
- vue-word-highlighter - 适用于 Vue 2 和 Vue 3 的单词高亮库。
- vue-ins-progress-bar - 一个 ins 风格的 Vue 进度条组件。
- vue-skia - 基于 Skia 的 2D 图形 vue3 渲染库。它基于 Rust 实现软件光栅化以执行渲染。
- vue-cal - 一个 Vue JS 全功能日历,无依赖,不废话。🤘
- vue-diagrams - 用于 vue.js 的图表组件,灵感来自 react-diagrams
- vue-scroll-picker - 适用于 Vue 2.x 的滚动选择器组件。支持鼠标(包括滚轮)和触摸的所有手势。
- qalendar - 适用于 Vue 3 的事件日历和日期选择器。
- vue-croppie - 又一个图片裁剪器。
- Vue DnD Kit - 适用于 Vue 3 的轻量级高性能拖放工具包,提供组合式 API、键盘导航、无障碍支持及高级自定义选项。支持各种场景及触摸设备。灵感来自 React DnD Kit。
- vue-trix - 适用于 Vue.js 的简单轻量 Trix 富文本编辑器。
- hevue-img-preview - 适用于 Vue 2 和 3 的图片预览,支持移动端和桌面端。演示
- vue-tailwind-datepicker - 使用 Tailwind CSS 3 的 Vue 3 日期选择器。
- v-selectpage - 适用于 Vue2 的强大选择器,支持列表或表格分页视图、标签多选、i18n 及服务端资源。
- link-prevue - 用于生成链接预览的灵活组件。
- vue3-emoji-picker - 适用于 Vue3 的简单而强大的表情选择器。
- vue-cool-select - 支持 Bootstrap / Material Design 主题,提供插槽、自动补全、事件、验证等功能。
- VueToastify - 一个省心的通知组件。
- vue-bottom-sheet - 一个使用 Hammer.js 创建的 Vue.js 可滑动底部抽屉组件。
- vue-dataset - 一组 Vue.js 组件,用于显示数据集,支持筛选、分页和排序功能!
- vue-smooth-picker - 适用于 Vue 3 的 SmoothPicker(类似 iOS 原生日期时间选择器)。
- fancy-grid-vue - FancyGrid 的 Vue 适配器。
- vue-datagrid - Vue 网格封装,用于强大的 Web 组件 revo-grid,具有类似 Excel 的丰富编辑和行为。
- Toastflow - 💡 无头 toast(通知)引擎 + Vue 3 渲染器(TS 优先、CSS 优先主题、高度可定制)。
- GridSheet - 高度可定制的电子表格引擎,支持公式、多工作表引用,以及基于 Preact 核心构建的 Vue3 封装。
- vue-it-bigger - 一个用于 Vue.js 的简单图片 / (YouTube) 视频灯箱组件。
- v-selectmenu - 一个简单、易用且高度定制的 Vue2 菜单解决方案。
- vue-navigation-bar - 一个简单、漂亮的导航栏,适用于你的 Vue 项目。
- vue-timer-hook - 受 react-timer-hook 启发的 Vue 3 定时器模块。
- vue-input-facade - 专为 Vue 创建的轻量级、零依赖输入掩码库,最初是著名的 vue-text-mask 的分支,但积极维护并在此基础上进行了大量改进。
- vue-snap - 🌿 基于 CSS Scroll Snap 的现代轻量级 Vue 3 轮播组件。
- vue-collapsed - Vue 3 CSS 高度过渡,支持任意值到 auto 及反向,适用于手风琴。
- vue-fixed-header - 用 TypeScript 编写的 Vue.js 简单且跨浏览器友好的固定头部组件。
- vue-datepicker - 适用于 Vuejs 2.x 的 Material Design 风格简洁响应式日期选择器(支持日期/月份/季度及日期范围选择):new:
- vue-finder - 一个用于显示层级数据的组件,支持选择、过滤和拖放。
- vue-tree-navigation - 支持 vue-router 的 Vue.js 2 树形导航。
- vue-picture-cropper - 一个简单易用的 Vue 3 图片裁剪组件。
- vue-file-toolbar-menu - 用于 Vue 应用的 UI 文件/工具栏菜单。
- vue-infinity - 一个易于使用的 Vue 3 虚拟列表组件。支持可配置的网格布局、水平/垂直滚动、滚动捕捉、查找、SSR。
- vnodes - 用于创建 SVG 交互式图表、图形或基于节点的可视化工具的通用组件。
- vue-maplibre-gl - 用 TypeScript 编写的 Maplibre GL JS 库的 Vue 3.x 封装。包含样式切换和帧率控制。
- vue-poll - 一个用于投票的 Vue.js 组件
- v-dialogs - 一个简单而强大的对话框,支持 Modal、Alert、Mask 和 Toast 模式,基于 Vue2.x。
- Jordium Gantt Vue3 - Vue3 甘特图组件,具有资源视图、任务依赖和项目调度功能。
- vue3-signature - 适用于 Vue 3 的电子签名组件
- @kouts/vue-modal - 一个可定制、可堆叠且轻量级的模态组件,遵循 W3C 的 WAI-ARIA Dialog (Modal) 部分指南。
- vue3-otp-input - 一个完全可定制的 OTP(一次性密码)输入组件,使用 Vue 3.x 和 Vue Composition API 构建。
- vue3-select-component - Vue 3 选择组件,支持单选和多选,提供一流的开发体验,TypeScript 端到端类型安全,易于样式化,支持插槽等,体积约 4.4KB。
- vue-quilly - 🪶 微型 Vue 3 组件,帮助创建基于 Quill v2 的所见即所得编辑器。
- vue-image-zoomer - 适用于 Vue.js 2 和 3 的图像缩放组件,也支持触摸设备。
- vueye-datatable - Vueye 数据表格是一个基于 Vue.js 2 的响应式数据表格组件,它将数据按页组织,便于轻松导航。
- vue-stepper-component - 一个完全可定制的 Stepper 组件,支持 Vuex 且零依赖。
- vue-grid - 一个灵活的 Vue.js 网格组件。
- radial-color-picker - 极简颜色选择器,注重体积、无障碍和性能。
- vue-simple-password-meter - 轻量级密码强度计,无依赖
- vue-scroll-progress - 用于页面滚动进度条的简单 Vue.js 插件。
- vue-lumino - 一个将 Vue.js 与 Jupyter Lumino(PhosphorJS)结合使用的组件,通过事件监听器和 Vue 响应式系统集成 DOM 和 VDOM。
- @jasy/vue - 将 PDF 作为 Vue 3 组件编写并直接在浏览器中渲染,无需无头浏览器。真实布局、分页和表格,开箱即用支持 XRechnung 和 ZUGFeRD 电子发票(提供 Nuxt 模块)。
- vue3-qr-reader - 一个 Vue 3 二维码读取组件,为兼容 Vue 3 重构了 vue-qrcode-reader。
- coya - 图表绘制库(仅限 vue3)
- vue-identify-network - ⚡️识别你的用户正在使用哪种网络!
- vue-select-sides - 用于 Vue.js 的双向数据选择组件。
- v-idle - 用于检测空闲/非活跃用户的 Vue.js 插件。
- vue-mars3d - Vue 2.x 三维地球可视化 JS 开发平台。
- vue-use-fixed-header - 将你无聊的固定头部变成一个智能头部。
- vue-speedometer - 使用 d3 显示速度表式仪表盘的 Vue 组件。
- vuejs-confirm-dialog - 💬 一种在 Vue.js 中创建、复用、promisify 和构建模态对话框链的简单方法。
- TwicPics - 替换 img 和 video 标签的组件,内置懒加载、CLS 优化和渐进式加载,并支持媒体优化与操作。
- @maxel01/vue-leaflet - Leaflet (2.x) 地图的 Vue 3 组件。
- vue-toggles - 高度可定制且无障碍的开关组件。
- vue-awesome-sidebar - 一个现代且快速的侧边栏菜单组件,适用于 vue(3x),兼容 vue-router。
- v-use-places-autocomplete - 📍 用于 Google Maps Places 自动补全的 Vue 组合式函数。
- vue-stage-play - Vue3 的分步引导教程组件。
- @reelkit/vue - 虚拟化全屏 Vue 3 滑块:DOM 中仅 3 个幻灯片即可处理 10,000+ 项,内置现成的 reels、stories 和 lightbox 播放器。
- v-image - camera:用于 input type=file 的微型组件(gzip 后小于 1kb)。
- hy-vue-gantt - 一个适用于 Vue 3 应用的强大且灵活的甘特图组件。
- vue-spring-calendar - 这是一个基于 Vue 的组件,提供显示每日事件的全日历功能。
demo。 - vite-plugin-vue-preview - 一个用于代码预览的 vite 插件,当然你也可以单独使用该组件。
- vue3-form-wizard - Vue3-form-wizard 是一个基于 Vue 的组件,无外部依赖,简化了标签向导管理。
- blok - 无头块级富文本编辑器,带 Vue 3 适配器,输出 JSON 而非 HTML。
- vuetify-inline-fields - Vuetify 内联字段组件库提供了一套全面的可复用 UI 组件,用于在应用中创建优雅高效的内联表单字段。
- @f3ve/vue-markdown-it - 一个用于 Vue3 的 markdown-it 组件。易于使用且完全类型化。
- vue-search-input - 一个 Vue 3 搜索输入组件,灵感来自 Storybook 和 GitHub 的全局搜索输入。
- @kolirt/vue-web3-auth - 💎 基于 WalletConnect v2 和 wagmi 的 Vue3 应用 Web3 认证。
- vue-superselect - 适用于 Vue 3 的无头、可访问、TypeScript 优先的选择/组合框,提供双复合组件和组合式 API。
- vue-default-page - 一个 Vue 3.0 插件,内置 v-loading、v-skeleton、v-error 和 v-empty 自定义指令。
- vuetify-resize-drawer - vuetify-resize-drawer 组件扩展了 v-navigation-drawer 的功能,使其可由用户调整大小。
- v-dropdown-menu - 可定制的 vuejs 下拉菜单插件。支持 SSR。
- vue-quintable - 一个基于 Vue 2.x 和 Bootstrap 4.x 的响应式且高度可配置的表格。
- vue-my-dropdown - 一个支持 TypeScript 的 Vue 3 可定制下拉组件。
- vue-color-input - – Vue 3 颜色选择器组件,旨在替代
<input type="color"> - ZingChart-Vue - 由 ZingChart 制作的 Vue 组件,支持 35+ 种图表类型。
- vue-concise-carousel - 支持真正 SSR 的 Vue 简洁轮播组件,适用于 Vue 2 和 3。
- vue-calendar - 一个功能齐全、可定制的 Vue 3 日历日期选择器组件,内置 Tailwind CSS 支持。非常适合构建调度应用、事件日历和日期选择器。
- @kolirt/vue-modal - ⚡️ 简单的 Vue3 模态框包。
- vue3-social-sharing - 一个与样式无关的 Vue 3 插件,用于在主流社交网络上分享链接。
- vue-r-mask - 指令,模板类似于 JavaScript 正则表达式。
- vuetify-drilldown-table - Vuetify Drilldown Table 是一个强大的组件,增强了 Vuetify 框架的 v-data-table 和 v-data-table-server 的功能。它提供了递归表格结构,允许你以嵌套格式显示分层数据。
- vue-integer-plusminus - 适用于 Vue 3 的整数输入组件,带有增减按钮,适合作为 spinbutton,支持键盘功能。
- Vue3 Pivottable - – 基于 jQuery 的 PivotTable.js 的 Vue 3 移植版。
- vue-enhanced-check - 增强的复选框/单选输入 + 开关,适用于 vue 3 的组件。
- vue-wheel-spinner - 一个简单、可定制的幸运转盘组件。查看演示
- vue3-tabor - 一个功能丰富的 Vue 3 标签页组件,提供丰富的 API,支持 keep-alive 和 iframe 集成。
- vtable-guild - Vue 3 表格,支持行和列虚拟化、排序、筛选、选择,以及兼容 ant-design-vue 的
columnsAPI。附带可切换的 ant-design-vue / element-plus 主题预设。 - map-chart - Vue 3 和 React 组件,用于在世界、大洲、国家和自定义地图上显示动态数据。
- vue-h5-audio-controls - 一个适用于 Vue 的简易 H5 音乐控制器。
- @witqq/spreadsheet - 一个基于 Canvas 的电子表格引擎,零依赖,以 60fps 渲染 10 万+ 行,支持排序、筛选、公式和协作。
- Vue-Player - 轻量、可定制且易于实现的 Vue 视频播放器。
- vue-share-modal - 一个纯粹、轻量且美观的 Vue 3 分享弹窗。
- icon-picker - 适用于 Vue 3 和 React 的组件库,均可从 Iconify 实时搜索图标(150+ 图标集,200,000+ 图标)。
- vue-next-progressbar - 适用于 Vue 3 的细长进度条(gzip 后 1KB)。
- vue-timepicker - 适用于 Vue 3 的轻量级、可定制时间选择器组件,支持 TypeScript。支持单选/范围选择、多种格式、易于样式化、验证等功能。
- vuehex - 快速、虚拟化的 Vue 3 十六进制查看器和编辑器,可查看和编辑二进制数据。演示
- Vue Markdown - 用于渲染 Markdown 字符串的 Vue 组件,支持特定节点类型的自定义渲染,并更好地适配 AI 聊天流。
- vuetify-color-field - Vuetify Color Field 是一个 Vuetify VTextField 颜色选择器组件。
- Clock UI - 精确的模拟时钟组件,支持时区、通过 CSS 自定义属性进行主题定制,且无依赖。
- markdown-design - 一个开箱即用的 Vue 3 Markdown 组件,支持实时渲染,具有 TOC 生成、全文搜索等功能。
- vue-popper-lite - 一个基于 popper.js tree shaking 的 Vue 3 弹出组件,使用 TypeScript 编写。
- vue-skeleton-content-loader - 轻量且易访问的库,用于制作美观、动画化的加载骨架屏,自动适配你的 Vue 应用。
- css-3d-progress - 使用 Web Components 编写的 3D 进度条组件,支持 Vue、React 和 Svelte。
- navpress - NavPress 是一个用于生成静态导航网站的 CLI 工具。它允许你通过配置文件快速构建导航站点。
- vue-progress-circle - 适用于 vue3 的圆形进度条组件。
- vue-froala-wysiwyg - Froala WYSIWIG HTML 编辑器的官方 VueJS 插件。
- mapmetrics-gl - 兼容 Mapbox GL JS 的地图库,内置瓦片、地理编码、路线规划和搜索。
- vue-awesome-button - Vue 3D 按钮组件,支持进度状态、社交分享、主题和动画过渡。
- custom-highlight - 一个 Vue 指令,用于使用 CSS 自定义高亮 API 对元素内的任意文本进行样式设置。文档
- vue-polygon-cropper - 一个用于多边形形状图片裁剪的简单组件。演示
- @ioi-dev/vue-table - 性能优先的 Vue 3 数据表格,支持虚拟化、选择、编辑和 CSV 导出。
- kokey - 错误键盘布局输入修复器——v-kokey 指令和 KokeyInput 组件可恢复以错误布局输入的文本(内置韩语双拼 IME;俄语、希伯来语、泰语等作为子路径导入),组合安全且保留光标。演示
- vue-aliplay-player - 支持 TypeScript 的 Aliplayer(阿里云播放器)Vue 3 封装。
- vue-super-player - 适用于 Vue 3 的多内核视频播放器组件(原生 / HLS / FLV / Aliplayer)。
- vue-roller-picker - 为 vue3 设计的滚动选择器组件。
- vue-month-spinner-picker - 适用于 Vue 3 的 iOS 风格滚筒式月份选择器。支持惯性滚动、底部弹窗、最小/最大限制、i18n 及通过 CSS 变量进行主题定制。零依赖。
- vue-date-rail - 适用于 Vue 3 的横向无限滚动日期条(日/月条)选择器。无头组合式核心、基于 Intl 的 i18n、最小/最大及禁用日期、事件标记插槽、桌面端滚轮/拖拽滚动、支持 Tailwind 的无样式模式。零依赖。
- numkey - Vue 3 数字输入格式化——实时千位分组并保持光标稳定,字符串优先的规范 v-model(货币安全),前导零清理,可选区域分隔符及韩文金额读取。演示
- vue-table-component - 一个直截了当的 Vue 组件,用于显示表格。
- @lossendae/vue-table - 适用于 Vue.js 2.x 的简单表格组件,支持分页和可排序列。
- gp-grid - TypeScript Vue3 数据网格,具有基于插槽的虚拟滚动、无功能付费墙和零运行时依赖。
- TinyPivot - 轻量级 Vue 3 数据网格,支持透视表、图表、CSV/Excel 导出,以及可选的 AI 数据分析师。
- vue-css-donut-chart - 用于绘制纯 CSS 环形图的轻量级 Vue 组件。
- vue-connection-listener - 监听在线/离线变化的 Vue 事件总线插件。
- vue-prom - Vue 的 Promise 包装组件。
- zoom-image - 一个小巧但强大的框架无关库,用于在网页上缩放图像。
- Vueform - (可能是)最全面的 Vue.js 表单构建器。在线演示
- VCalendar - 高度可定制且功能强大的日历/日期选择器组件,功能丰富,文档完善。
UI 工具
- vue-router - Vue.js 官方路由。
- @formkit/auto-animate - 一行代码为你的应用添加动效。
- vee-validate - 简单的 Vue.js 输入验证插件。
- vuelidate - 简单、轻量、基于模型的 Vue.js 验证。
- FormKit - Vue 3 表单开发。速度快 10 倍。表单输入、验证、提交、错误处理、生成、可访问性、主题等。
- TresJs - 使用 Vue 组件声明式使用 ThreeJS
- vest - 🦺 受单元测试启发的声明式表单验证框架。
- unplugin-vue-router - 下一代基于文件的类型化路由,用于 Vue Router。
- vue-kinesis - 一组用于创建交互式动画的组件。
- vue-animate - Animate.css 的 Vue.js 移植版。用于 Vue 内置过渡。
- Unhead
- vuescroll - 基于 Vue.js 的滚动插件,用于统一 PC 和移动端的滚动行为。
- ssgoi - 原生应用般的页面过渡,采用弹簧物理效果,移动端 60fps,支持 SSR,兼容所有现代浏览器。
- vue-svgicon - 用于创建 SVG 图标组件的工具(vue 2.x)。
- @lottiefiles/dotlottie-vue - 官方 LottieFiles Vue 组件,支持 .lottie 格式(文件小 75%);可使用 IconKing 转换和预览。
- laravel-vue-pagination - 适用于 Laravel 分页器的 Vue.js 分页组件,兼容 Bootstrap。
- vorms - 使用 Composition API 的 Vue 表单验证。
- vue-global-events - – 使用 Vue 的事件修饰符处理全局事件(如快捷键)的组件
- VueGL - 通过 three.js 响应式渲染 3D 图形的 Vue.js 组件
- regle - ✅ 适用于 Vue.js 的无头表单验证库。
- vue-fullscreen - 一个简单的 Vue 全屏组件,支持 Vue2 和 Vue3。
- vue3-lottie - 用于在 Vue 3 中导入和显示 Lottie 动画的组件。
- FormVuelar - Vue 表单组件,考虑服务端验证。
- kitbag/router - 适用于 Vue.js 的类型安全路由。
- @morev/vue-transitions - 适用于 Vue 2 和 3 的过渡库,无需 CSS。
- vue-slide-up-down - 类似 jQuery 的
slideUp/slideDown,但用于 Vue! - vue-inline-svg - Vue 组件动态加载 SVG 源并内联
<svg>,以便使用 CSS 或 JS 操作其样式。(vue 2.x、vue 3.x) - vue-countup-v3 - 用于动画计数的 Vue 3 组件。
- Form Builder - 基于 JSON 模板的表单构建器,基于 Vue 和 Laravel。
- v-odometer - 平滑地过渡数字。使用此库为你的应用提供流畅动画,仅适用于数字。
- v-page - 简单的分页栏,包含长度菜单,支持 i18n,基于 Vue2.x。
- vue-use-active-scroll - 无妥协地高亮 Vue 3 菜单/侧边栏链接。
- vue-responsive - Vue.js(2.x) 指令,根据 Bootstrap 4、3 或自定义断点隐藏/显示 HTML 元素。
- vue-to-print - 在浏览器中打印 Vue 3 组件。支持 Chrome、Safari、Firefox 和 EDGE。
- VueFormify - 在 Vue 3 中构建强大、类型安全的表单。
- lucide-motion-vue - 516 个动画 Lucide 图标,适用于 Vue 3,具有符合人体工学的悬停/点击/视口触发器和可组合的
<AnimateIcon>包装器。支持 Tree-shaking,每个图标一个 chunk,TypeScript 优先。(vue 3.x) - vue-paginate-al - Vue 分页,返回你的数据。
- vue3-lazyload - 用于在 Vue 3 应用中懒加载图片的 Vue 模块。
- vue-tabevents - – 在其他已打开的标签页之间轻松通信
- vue-exit-intent - ✨ 用于处理用户退出意图的 Vue 组合式函数。
- vue-uform - 一个面向 Vue 3 的组件优先、无样式、灵活的表单校验库。
- Vorm - 一个动态、模式驱动且完全验证的 Vue 3 表单引擎,零依赖且完全控制插槽。
- vue-not-visible - Vue 指令,用于在屏幕小于断点时从 DOM 中移除元素(类似 v-if)。
- NotForm - 适用于 Vue.js 的无头、可组合表单验证。自带 UI 和 schema(Zod、Valibot、ArkType 或任何符合 Standard-Schema 的验证器)。
- validation-composable - ✅ 轻量级 Vue 校验——仅 40 行代码。
- vue-tiny-pagination - 用于创建微型分页的 Vue 组件。
- vue-use-paginator - Vue 3 的 use-hook,用于响应式分页数据和排列分页按钮。完全无渲染。
- blottie - Vue 3 的 Lottie 组件。
- v-route-generate - 用于生成 vue-router 4.x 路由的工具。
- vite-plugin-vue-middleware - 基于文件的 Vue Router 导航守卫。
- vue-router-citadel - Vue Router 的中间件驱动的导航控制系统。
- vrf - 声明式、可扩展、UI 无关、基于标记的 Vue 表单。
- piying-view - 前端表单解决方案;强类型;Vue 3
- vueginate - 适用于 Vue 3 的简单分页组件。
- vue-pagination - 无样式分页,使用可组合函数,可与任何框架集成。
- tracked-instance - 构建大型表单并跟踪所有更改。
- timered-counter - 一个带有流畅动画的计数器 Web 组件
- v-github-icon - 轻松在 Vue 组件/库演示的右/左角添加“那个”小 GitHub 图标 🤙
- validup - 可组合、基于路径的验证,使用 Vue 3 组合式函数(
@validup/vue)处理响应式表单、分组和结构化问题。 - @vuito/vue - 简单、轻量、同构且基于模板的验证库。
- vue-lazy - 基于 Intersection API 的轻量级图片/图片懒加载。
- jsonschema-editor - 适用于 Vue 3 的 JSON Schema 和 UI Schema 表单编辑器,支持可填充表单、嵌套结构和 oneOf 类型选择。
- @nabaraj/vue-pagination - 轻量级 Vue 3 分页组件,包含 TypeScript 类型和可自定义插槽。
- tronche - 根据任意用户名和调色板生成独特的 SVG 头像。6 种视觉风格,提供 Vue/Nuxt/React 组件和 REST API。
- vue-autofocus-directive - Vue 自动聚焦指令。
- Enforma - UI 无关、支持模式的表单库,适用于 Vue 3。内置 30+ 验证规则。提供 Vuetify、PrimeVue 和 Quasar 的 UI 预设。
- Formisch - 一个注重性能、类型安全和包体积的表单库。
- vue-final-validate - 来自我开发经验的 Vue 验证解决方案,支持嵌套和异步。
- vue-lpage - 低层 Vue 分页组件。
- Official: Vue Teleport
- portal-vue - 一个 Vue 插件,可将组件模板渲染到 DOM 中的任意位置(在虚拟 DOM 层面工作,不移动 DOM 中的节点)
- GeoIcons - 覆盖每个国家、地区和世界区域的地理地图图标,作为支持 Tree-shaking 的 Vue 3 组件。
开发工具
- Bit - 在项目之间管理和复用
vue组件。无需修改源代码即可轻松隔离和共享任何项目中的组件,组织精选集合并安装到不同项目中。 - vitest - 由 Vite 驱动的下一代测试框架。
- Vue Language Tools (Volar) - ⚡最快的 Vue 语言支持扩展
- vue-styleguidist - Vue 组件的样式指南生成器,附带实时样式指南。
- Vue.js support for WebStorm - ,IntelliJ IDEA、PhpStorm、PyCharm 和 RubyMine – JetBrains 官方 Vue.js 支持
- Vue VSCode Snippets - 可提升 Vue 工作流的代码片段。
- Vim Vue - Vue.js 组件的语法高亮。
- Vue Testing Library - 简单完整的测试工具,鼓励良好的测试实践。基于 DOM Testing Library 并构建于官方 Vue Test Utils 之上。
- vite-plugin-vue-inspector - 点击浏览器元素时自动跳转到编辑器源代码。
- PocketMocker - 基于浏览器的可视化 HTTP 模拟工具,适用于前端应用。拦截 fetch/XHR,支持 SmartMock 规则、延迟/错误模拟,在开发 Vue 应用时表现出色。
- Vue Mess Detector - 用于检测 Vue.js 和 Nuxt.js 项目中代码异味和违反最佳实践行为的静态代码分析工具
- Roundtable - 零配置 MCP 服务器,将多个 AI 助手(Claude Code、Cursor、GPT-4 等)统一到 Vue.js 项目的单一开发工作流中。
- Heroshot - 通过 Vue 组件集成和主题感知输出自动化文档截图。
- vue-flow-vis - 实时监控组件渲染和响应式依赖追踪
- Vue Log Arsenal - 轻量级 Vue 3 插件,提供日志指令以简化调试。
- jest-serializer-vue-tjw - 改进 Jest 快照的格式化
- vue-hubble - 在 Vue 中为 UI 测试选择元素的更好方式。
- Poveste - 由 Vite 驱动的交互式组件演练场。作为 histoire 的直接分支,支持 Vue 3 和 Nuxt。
- Storybook - UI 开发环境。适用于 v3.2+ 及更高版本。
- Font Awesome Finder - Chrome 扩展,用于搜索、预览和选择 Font Awesome 图标,并将所选图标的 HTML 代码和 Unicode 复制到剪贴板。
- Vuex CheatSheet - 完整的交互式 Vuex API。
- Vue Cheatsheet - 你唯一需要的 Vue 速查表。
- Dash - macOS 离线 API 文档浏览器,可即时搜索访问 Vue.js 文档及 200 多个其他框架的文档。
UI 布局
- vue-virtual-scroller - 高效滚动大量元素的组件(Vue 2.x)。
- vue-grid-layout - 一个可拖拽、可调整大小的网格布局,适用于 Vue.js。
- vue-virtual-scroll-list - 一个支持大数据量的 vue (2.x) 组件,使用虚拟滚动列表。
- splitpanes - 一个可靠、简单且支持触摸的 Vue JS 面板分割器/调整器。
- vue-fullpage.js - Vue.js 的官方 fullPage.js 组件。
- vue-masonry - 用于砌体块布局的 Vue.js 指令。
- dnd-grid - 一个带有可拖拽和可调整大小框的 Vuejs 网格。
- vue-virtual-waterfall - 一个适用于 Vue 3.x 的虚拟瀑布流组件。
- fit-screen - 一个基于 scale 大屏自适应方案的 Vue 组件。
- vue-simple-drawer - 一个带有弹跳动画的微型抽屉面板,支持嵌套和主题定制。方向:左/右/上/下。
- vue-stack-grid - 一个 Vue 3 组件,旨在轻松高效地创建动态、响应式网格布局。
- virtual-scroll - 高性能 Vue 3 虚拟滚动库,旨在轻松处理海量列表。支持垂直、水平和双向(网格)滚动,使用 ResizeObserver 实现动态项目尺寸,完全支持从右到左(RTL)布局,内置无障碍支持。
教程
- Help you learn more efficiently vue3 source code - mini-vue - 作者 cuixiaorui
- Vue.js debugging in Chrome and VS Code - 本教程演示如何使用 VS Code 的 Debugger for Chrome 扩展来调试由 Vue CLI 生成的 Vue.js 应用程序。
- Intro to Vue, repo for Frontend Masters Course
- 讲解 Vue.js 官网 中文-含代码、百度云、youtube - 在 bhnddowinf 上
- Learning Vue 3.0
- 讲解 Vue.js 2 官网 中文-含代码、百度云、youtube - 在 bhnddowinf 上
- Build vue-hackernews-2.0 from Scratch - 由 @ Detachment 提供
- Building a realtime quiz with VueJS using a starter kit - 作者 Srushtika Neelakantam(2020年10月)
- Vue 3.0 and decentralized app (dApp)
- vue 架构中的 Watcher
- Learn Vue 3: Step by Step - 在 Laracasts 上
- Vuejs 2 Authentication Tutorial - 在 Auth0 博客上
- Vuex introduction video - James Browne from London Vue.js Meetup #1
- Hybrid App Example with Laravel and Vue.js in Portuguese - 由 @vedovelli 提供
- Vue.js Screencast Series in Spanish - 在 Styde.net 上
- Exploring Real Time Apps with VueJS, ES2015 and Webpack - 在 Pusher 上
- Vue.js in Bahasa Indonesia - 在 sekolahkoding.com 上
- Vue.js from Scratch Series in Russian - 在 YouTube 上由 .dev 发布
- Створення сервісу для зберігання файлів з Flask, RethinkDB та Vue.js, ч. 1 - 乌克兰语
- VueJS 2 French tutorial - 法语版由 Grafikart 提供
- How to Create Great VueJS Applications Using Wijmo Controls
- Up and Running with the Vue.js 2.0 Framework - 在 SitePoint 上
- Vue.js 2.0 Fundamentals - 在 YouTube 上由 DevMarketer 发布
- Vuex For The Clueless — The Missing Primer On Vue’s Application Data Store
- Real-time Grid Component Laravel, Vue.js, Vuex & Socket.io
- VueJS 2 - The Complete Guide (incl. Vuex) - Udemy Tutorial
- Develop Web Apps with Vue.js - 在 egghead.io 上
- Vue.js 2 - Getting Started
- Vue.js 2 & Vuex (Basics)
- Türkçe VueJS Eğitim Videoları - 在 YouTube 上由 Fatih Acet 发布
- Let's Vue! - OpenLecture 2017.01 in Russian - 在 YouTube 上由 Illya Klymov(@xanf)发布
- Complete Vue.js Application Tutorial - Creating a Simple Budgeting App with Vue - 由 @matthiaswh 提供
- Vue.js Tutorial: A Prerendered, SEO-Friendly Example
- Vue.js Introduction For People Who Know Just Enough jQuery To Get By
- Fetching Data from a Third-Party API with Vue.js and Axios
- Vue JS: Simultaneously Running Express and Webpack Dev Server - 在 Medium 上由 Henrik Fogelberg 发布
- Vue JS 2 Tutorials - 在 YouTube 上,由 The Net Ninja 提供
- Add a headless CMS to VueJs in 5 Minutes
- Migrating from KnockoutJS to VueJS
- Create a quiz with Vue.js - 由 @rap2h 提供
- Interactive Vue.js Screencasts For Beginners
- Vue.JS ile NASA API'ını Kullanarak Veri Çekme - 在 YouTube 上
- Build a realtime chart with VueJS and Pusher
- Vue Guide on CSS-Tricks
- Using Typescript in your VueJS app
- Vue.js 预览 - 在 ninghao.net 上
- Building a Vue v2 JS app using Vue-router
- Build your own carousel with Vue - 由 @Atom_Hernandez 提供
- Unit Testing Vue.js Components with the Official Vue Testing Tools and Jest - 由 @alexjoverm 提供
- Creating Vue.js Transitions & Animation: Live Examples - 由 @udyuxdev 提供
- Async in VueJS part 1
- Async in VueJS part 2
- Using localStorage with Vuex store without a plugin
- Using props for accessing URL parameters within components with Vue Router
- Deploy Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx
- Testing Vue Components - 在 laracast 上
- Building a Full Stack Web App with Vue.js and Express.js - 由 @CodyLSeibert 提供
- Getting Started with Vue.js
- 프론트엔드 개발자를 위한 Vue.js 입문서
- 누구나 다루기 쉬운 Vue.js (Video) - 在 Inflearn 上由 Captain Pangyo 发布
- Build a Vue.js Blog in 2 hours tops - 在 Snipcart 上
- Getting Started with Vuex: Managing State in Vue.js
- Vue2 ACL using CASL - 由 Sergii Stotskyi 提供
- Vuejs 2.5+ Authentication Tutorial using Auth0 - 在 Storyblok 博客上
- Hygraph introduction guide with Vue - 在 Hygraph 上
- Building a movie app interface with Vue.js
- Let’s Build a Custom Vue.js Router
- Build a Vue.Js E-Commerce App with ButterCMS Headless Backend
- Developing a Single Page App with Flask and Vue.js
- Accepting Payments with Stripe, Vue.js, and Flask
- API Driven Development With Laravel and VueJS (Free Course) - 在 serversideup.net 上
- Managing State in Vue.js
- Heartbeat (Vue + NW.js Desktop app Video series) - 由 Axel Martínez 提供(2017 - 2020)
- Firebase Server-Side Render Vue Apps with Nuxt.js (Server-side Rendering with JavaScript Frameworks)
- Firebase Measuring Vue SSR Performance with Nuxt.js (Server-side Rendering with JavaScript Frameworks)
- Creating an interactive map with D3 and Vue - (2018 年 10 月)
- The guide to write universal, SSR-ready Vue components
- Vue.js Fundamentals
- Vuex for Everyone
- Vue.js Form Validation
- The Vue.js Master Class
- Vue.js Firebase Realtime Database
- Vue.js Firebase Authentication
- Dynamic Forms with Vue.js
- Custom Vue.js Directives
- Building an Electron File Explorer with Quasar (and Vue) - 由 @hawkeye64 提供。(2018 年 11 月)
- Build Web Apps with Vue JS 2 & Firebase - 在
Udemy上由 the Net Ninja 发布 - Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) - 在
Udemy上由 Maximilian Schwarzmüller 发布 - Vue for Designers - 由 Design+Code 提供(2019 年 2 月)
- How to Dynamically Add a Class Name in Vue - 由 Michael Thiessen 提供
- Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub - 由 Felipe Lima @scaffoldhub_io 提供
- Building a Realtime Location tracking app with NativeScript + Vue - 由 Saibbyweb 提供
- Vue: Getting Started, by John Papa - 在 Pluralsight 上
- Building a Simple Pre-Rendered Web App Using Vue + Nuxt - 由 Michael Lynch 提供
- Vue and GraphQL with Hasura video course
- Frontend and Fullstack VENM-stack coding tutorials by RabbitWerks JavaScript
- Nordschool Vue Tutorials
- Vue Props Validation - Best Practices
- Vue Router - The Complete Guide
- Enable VS Code Debugger for Nuxt & Typescript
- Create A Blog With Gridsome & Vue
- Building an Imgur Clone with Vue.js and Serverless
- Building a HackerNews clone in Vue.js on AWS
- Build Your First Vue.js App in About 30 Minutes - 由 Rad Devon 提供(视频,2020 年 2 月)
- How to make your components dynamic in Vue JS - (2019年9月)
- Fragments in Vue JS - (2019年12月)
- Build a movie search app using the Vue Composition API
- Vue Testing Crash Course
- Sharing and re-using Vue Mixins in the cloud with Bit.dev - (2019年5月)
- Using Watchers in Vue JS - (2019年6月)
- Understanding Filters in Vue JS - (2019年6月)
- Form Validation In VueJS Using Yup - 作者 Vijit Ail(2020年5月)
- Use Vue.js to Rewrite React's Official Tutorial Tic Tac Toe - 作者 Chanvin Xiao
- Can we use Python with Vue.js or Vue and Django or Flask?
- MDN - Vue tutorials
- Learn Vue 3 for Beginners - Full 2020 Tutorial Course - 在 YouTube 上
- Vue 3 Composition Api Introduction - Full Tutorial
- Building a VueJS chat app with realtime storage of messages in Airtable - 作者 Srushtika Neelakantam(2020年12月)
- Make an Heart clicker with vue.js and firebase
- Vue.js Debugging: A Guide to Fixing Your Frontend - 学习 Vue.js 调试的基础知识。本指南将通过教程带你了解如何修复应用的前端问题。
- Vue.js SPA: Build a Powerful E-Commerce App
- Add a prebuilt video chat widget to any Vue app with daily-js - 作者 Jess Mitchell,通过 Daily(2021年8月)
- Build a custom video chat app with daily-js and Vue - 作者 Jess Mitchell,通过 Daily(2021年11月)
- Vue Pwa: Build a Progressive Web Application With Nuxt - 在 Snipcart 上
- Meteor + Vue - Axel Martínez 的 YouTube 播放列表
- Introduction to Vue (Spanish) - Scrimba 西班牙语迷你课程。
- Intro to Vue 3 - 来自 Vue Mastery 的 Vue 3 免费课程,讲解直观易懂。
- Developing a web application with Vue.js 3 and Vite.js (French) - 作者 Mickael Baron
- Deploying a web application powered by Vue.js 3 with Docker (French) - 作者 Mickael Baron
- Advantages of Vue.js over React, Angular, and other frameworks in Turkish - 作者 İsa Sarı
- Türkçe Vue 3 Dersleri - 在 YouTube 上,作者 Abdullah Uğraşkan
- 宁皓网独立开发者训练营:Vue 前端应用开发 - 在 bilibili 上
- Getting Started Internationalizing (i18n) with Intlayer and Vite and Vue
- Creating a scalable Monorepo for Vue - 作者 @nagell
示例
- Vitesse Starter - ⛺️ Vue 3 启动模板,包含(布局 | i18n | UnoCSS | pinia | Markdown | 暗色模式 | PWA | SSG | 组件自动导入 | 基于文件的路由 | Composition API | TypeScript)
- Vue Design System - 一个用于使用 Vue.js 构建 UI 设计系统的开源样板项目。
- umo editor - Umo Editor 是一个基于 Vue3 和 Tiptap 的开源文档编辑器。访问 Playground 快速体验。
- X-Flowchart-Vue - 一个使用 SVG 和 Vue 的流程图编辑器
- Vitesse-lite Starter - ⛺️ Vitesse(Vue 3 启动模板)的轻量级版本
- easy-vue - 一个使用 vue 实现简单 Web 的简易示例,基于 vue 2.0、vuex 2.0、vue-router 2.0、vue-infinite-scroll 2.0、vue-progressbar 2.0,作者 TIGERB
- Laravel + Nuxt.js boilerplate - 作者 @acidjazz
- X-WebDesktop-Vue - 基于 Vue 的 WebDesktop 系统
- vue-xplan - 使用 Vue 和 three.js 创建的旋转地球演示页面
- Vue.js with Sails.js example project - 本项目面向单页应用新手,希望通过真实示例进行学习。
- koa-vue-notes-web - 一个功能完整的 SPA,后端使用 Koa 2.3,前端使用 Vue 2.4。包含完整的用户认证组件、用户笔记的 CRUD 操作以及 Vuex store 模块。
- Vue Weather Notifier - 一个使用 SVG 和 Vuex 的小型示例动画应用
- vuemoji-picker - Vue 2 和 3 的轻量级表情选择器。
- vue-feathers-chat - 一个示例实时聊天应用,前端使用 Vue,后端使用 Feathers,但仅通过 Socket.IO-Client 进行通信
- vue-vuex-todomvc - 示例 TodoMVC Vue.js 应用,包含 Vuex store 和通过 REST 实现的服务端后端,以及使用 Cypress.io 测试运行器的完整 E2E 测试集。
- vueSocketChatRoom - 一个使用 vue2.x、vuex2.x、vue-router2.x、vux2.x、socket.io 的 socket 聊天室。
- Skeleton Vue+TypeScript - TypeScript、VueJS、ElementUI、Vue Router、Vuex、Material Icons、BrowserSync、Dockerfile
- vue-stack-cesium - 一个使用 CesiumJS 和所有优秀 Vue 特性的最小示例配置项目。该项目包含许多如何组合和使用特定包以快速入门的示例。
- Maxim Web Chat - 使用 MaximTop 的 IM SDK (floo) 实现的聊天演示,使用美信拓扑 IM SDK 实现的聊天 App 示例。
- i18n boilerplate Intlayer + Vue 3 + Vite
- Vue Tic Tac Toe | Cerito Cruz - 作者 @EduardoProfe666:使用 Vue 3、Vite、TypeScript、Tailwind、Gsap、Howler、Headless UI 和 Vue Use 实现的经典井字棋游戏,并带有额外功能。
- tab-toolkit - 为初学者吉他手打造的极简应用工具 🎸(PWA | Pinia | UnoCSS),作者 @mioe
- Vue 2048 (Vue + Webpack) - 作者 @pengfu:使用 Vue、Webpack、Sass、ES6 实现的流行 2048 游戏
- Vue.js & Pyramid web framework app - 一个使用 Pylons Pyramid Web 框架作为后端,Vuejs、webpack2、vue-router、yarn(包管理器)作为前端的样板项目
- vue-tetris (Use Vue, Vuex, Immutable to code Tetris) - 作者 @Binaryify:使用 Vue、Vuex、Immutable 编写俄罗斯方块。
- route-planner-vue - 作者 @Kasheftin:用于规划路线的工具,支持多个可排序图层、可拖拽方向、标记和形状,基于谷歌地图。
- VueJS Example Projects - 在 GitHub 上
- Vuejs Examples
真正令人惊叹的项目
- unplugin-icons - 按需图标加载器,支持所有知名图标集
- Vue DevTools - 用于调试 Vue.js 应用的浏览器开发者工具扩展。
- vue-i18n - Vue.js 国际化插件
集成
- vuefire - Vue.js 的官方 Firebase 绑定。
- vue-gtag - Vue 的全局站点标签插件。
- vue-recaptcha - Vue.js 的 Google reCAPTCHA 组件
- vue-cli-plugin-chrome-extension-cli - Vue CLI 插件生成 Chrome 扩展模板。
- vue-tg - Vue 3 的 Telegram Web Apps 集成。
- vue-postgrest - Vue.js 的 postgREST 集成:灵活、强大且易于使用。
- vue-tweet - Vue 3 组件,只需提供推文 ID 即可在应用中嵌入推文。
- @agentskit/vue - Vue 3 组合式函数和无头聊天组件,用于构建 AI 代理,支持流式传输、工具、记忆和 RAG。
- recaptcha-vue - Google reCAPTCHA v2 和 v3(基于分数)通过单个版本属性实现,支持 v-model、TypeScript 和零依赖。
- @rollgate/sdk-vue - Vue 3 特性标志 SDK,提供组合式函数、渐进式发布、A/B 测试和实时更新。后端:Rollgate
求职门户
- Vue.js Interview Questions - 300 个 VueJS 面试问题和答案列表
- Vue.js Jobs - VueJobs - 一个 Vue.js 求职门户,用于招聘或应聘所有 Vue.js 相关职位。
- Jobs in JS - 美国、加拿大和英国的 Vue.js 开发者职位。每日更新。
应用/网站
- massCode - 面向开发者的开源代码片段管理器。基于 Electron、Vue 和 Monaco 编辑器构建。
- HappyPlants - 一款用于管理植物的渐进式 Web 应用 🌱。
- Todoist Tribute - Todoist 克隆版,使用 Rails + Vue 编写
- Todo DEV - 一款为开发者打造的简单待办事项应用,使用 Vuejs、Vuetify 和强大的 Firebase。
- vNotes - 使用 Vue.js 和 Local Storage API 实现的简洁美观的 Markdown 记事本。
- Dermail - 基于 Vue.js 编写的 Dermail 网页邮件客户端,Dermail 是一个基于 node.js 的邮件系统。
- Laravel Spark
- Vice Video
- Formlets
- Laracasts
- esa.io
- Prague Airport
- Portfolio Site
- Statamic
- TravelMap - 旅行者基于地图创建博客的简单方式。
- Proper Cloth Shirt Builder - 自定义衬衫构建器。
- octimine - 专利搜索引擎。
- Draxed - 基于 Web 的 MySQL 和 PostgreSQL 数据浏览器及仪表板管理器。
- 滚蛋吧!莆田系 - 展示所有莆田医院信息
- Livestorm - 网络研讨会 / 直播活动应用。
- Holden
- 12BAY.VN - 在线航班预订应用。
- PLAYCODE.IO - 快速前端实验的游乐场。
- The Void Radio - 地下浩室音乐在线电台。
- Bitly Vue - 使用 VueJS 和 Bitly API 缩短 URL。
- Storyblok - 基于 API/解耦的 CMS,前端使用 VueJS。
- EasyWebinar - 网络研讨会软件 / 直播活动与网络研讨会应用。
- WizzAir
- Moving to HTTPS - 将不同平台/托管站点迁移至 HTTPS 的指南。
- Euronews - 欧洲新闻是一家多语言新闻媒体服务,总部位于法国里昂。
- Vue.js Feed - 最新的 Vue.js 新闻、教程、插件等。使用 Vue.js 和 Laravel 构建。
- Guess Right - “猜单词”游戏——前端使用 Vue/vuex/vue-router,后端使用 Laravel/MySQL。代码在 GitHub 上开源(但 kdcinfo 上运行游戏的实时文件除外)。
- GRAP - 商务通信服务
- JSON Schema Editor - 基于 Vue.js 和 Firebase 构建的直观 JSON schema 编辑器。
- Winsome Trivia - 单人或多人在线问答游戏,包含 2000 多个独特问题,基于 Vue.js 构建并由 Open Trivia Database 提供支持。
- Moon Organizer - 农历日历应用
- Kinderbesteck - 一个使用 Vue2.0、Vuex、Vue Router 构建的完整在线商城单页应用
- Power Thesaurus - 一个众包在线同义词词典
- PAIXIN - 一个正版图片销售网站
- 1XBET - 一家自 2007 年起运营的博彩公司
- CrowdCircus - 欧洲最大的众筹和众投聚合平台
- PingBreak - 一个免费且简单的网站监控服务,使用 Vue.js 构建实时仪表盘
- JSON Editor - 一个基于 Vue2 和 Firebase 构建的、支持模式感知的 JSON 编辑器
- Develteam - 一个面向独立游戏开发者的社交网络
- Mixsii - 一个面向青少年、成人、家庭和朋友的免费视频聊天室网站。
- PipQuest - 一个用 Vue 构建的复古风格益智游戏
- Matryx - 一个去中心化协作平台
- iPrevYou - YouTube™ Player - 一个在桌面上观看 YouTube 视频的 Chrome 应用
- Item Manager - 一个用于《命运 2》游戏物品转移的应用
- Frontend Masters Intro to Vue - Frontend Masters 全天课程
- TR-101 - 一个鼓合成器/音序器
- Bazaar - 媒体分享平台
- Vectr - 一个免费矢量图形软件
- Habitica - 以角色扮演游戏形式呈现的在线任务管理应用
- MadeWithVueJs - 一个用 Vue.js 制作的项目画廊(该网站本身也使用 Vue.js)
- Thousand Ether Homepage - 百万美元主页以以太坊 DApp 形式重新构想,基于 Vue.js 构建并开源。
- Let's Enchance - 使用神经网络进行免费在线图像放大和增强。
- Pi.TEAM - Online Invoicing and Accounting - 简单易用的在线会计和开票工具,对个人用户和自由职业者免费。
- Tipe - 下一代 API 优先的 CMS。使用强大的编辑工具创建内容,并通过 GraphQL 或 REST API 从任何地方访问。不再让 CMS 决定你如何构建应用。
- Bubbleflat - 在线平台,通过搜索具有相似生活方式、兴趣或学校的人,帮助学生和年轻专业人士找到理想的室友。使用 Laravel 和 Vue.js 构建
- sunpos - 太阳位置、高度、方位角、黄道/赤道坐标以及日出/日落时间(儒略日)的计算和转换工具。网站使用纯 JS、Vue.js 和 i18n Vue.js 本地化插件编写。可视化使用 D3.js 创建。
- 27.ua - 乌克兰互联网大卖场
- Chess Guardian - 回答自己棋局中的局面问题。
- Blackjack Break - 快速二十一点游戏
- GameVix - 与他人交换二手游戏光盘,轻松无忧。采用 Material Design 的 PWA。
- VivifyScrum - 面向交付团队的敏捷项目管理应用,支持可定制的 Scrum 和看板。
- 9GAG - 热门在线平台和社交媒体网站
- Kitchen Stories - 烹饪平台
- Cronhub - 无痛的 Cron 监控工具
- wrkprty - 为自由职业者、远程工作者和希望走出办公室的专业人士举办的快闪联合办公活动。
- Broker Notes - '学习成为房地产经纪人' 🏠
- SyncLounge - SyncLounge 是一个跨多个位置的多播放器同步 Plex 内容的工具。
- HCE.it - 一家意大利代理机构的网站,完全使用 Vue 构建,基于 Laravel 的无头 CMS。
- Spektrum - Spektrum Media Agency 的网站
- SPK - SPK 生态系统的网站
- IDDEF - ☪️ 珍视人类价值协会联合会的网页、CMS、CRM、捐赠及所有电商页面均使用 Vue.js、Vuex 和纯 JavaScript 设计 🙏
- Roast - 一款帮助咖啡爱好者找到下一杯咖啡的应用,同时用于学习 Laravel 和 Vue.js。
- CryptoArte - 一个以太坊艺术收藏、非同质化代币和 Dapp。
- Scroll.in - Scroll.in 是一家独立的新闻、信息和娱乐企业。
- Brandy - 菜单栏的品牌资产管理工具。
- NBC Sports - NBC Sports 是一个体育新闻网站。
- WITHIN - 虚拟现实中的非凡故事。
- beCamp - 在弗吉尼亚州夏洛茨维尔举办的社区技术会议。网站代码开源。
- Trustpilot - 一个免费且向所有人开放的评论平台。
- Lagom - 简单、直观且完全响应式的 WHMCS 主题
- ScoutMyTrip - Roadtrip Planner - 印度公路旅行规划应用,帮助旅行者制定行程、发现兴趣点、查找沿途的酒店、加油站、美食店等。
- GamersClub - 巴西最大的电子竞技社区发展公司
- MIT - 麻省理工学院官方网站。
- Elvenar - Elvenar 是一款基于浏览器的奇幻城市建造游戏。
- Beacon - 💙 一项允许你在多个网站间分享内容的服务。
- Artfinder - Artfinder 是一个买卖绘画作品的网站。
- GitHubExplorer - 用于探索 GitHub 的纯静态页面 Web 应用。使用
Vuejs和GitHub GraphQL API v4。 - Pocket Lists - 世界上最友好的待办事项列表应用。
- Padlet - 协作公告板
- Glovo - 按需配送
- MySigMail - MySigMail 是一款免费的浏览器内电子邮件签名生成器,无需创建账户。
- Wordguru - 一个简单的口头游戏,你分成小组,尽可能猜出更多关键词。
- ApiFlash - 基于 AWS Lambda 构建的 Chrome 截图 API,面向开发者
- Git Superstar - 统计你的 GitHub 星标和热门仓库。
- Tapestri Designer - 用于设计基因组测序实验(NGS)PCR 引物的免费工具。
- Geenes - 为你的 UI 生成并应用调色板,然后导出到 Sketch 或代码。
- ExifShot - 关于摄影的“是什么”和“怎么做”,美不胜收。
- Studolog - 面向学生的在线文件共享平台,包括测试和评论。目前仅支持捷克语 🇨🇿。
- Gamebrary - 用于整理电子游戏收藏的开源工具。
- Premium Poker Tools - 扑克玩家用来学习的工具。
- QMK Configurator - 从浏览器中配置、构建和下载自定义 QMK 固件。
- Worksome - 面向合格 IT 专业人士、自由职业者及招聘公司的市场/平台。
- Translator-vuejs - 使用 Vuejs、Yandex API 和 ResponsiveVoice.js API 构建的翻译应用。
- Big Timer - 用于工作坊、会议和演示的全屏倒计时器。Big Timer 帮助工作坊主持人、会议主席、设计冲刺参与者、演讲者和有抱负的节目主持人坚持他们的日程。
- Kvalitetskontroll - 专为建筑行业定制的挪威管理系统。
- Poolside FM - 一款复古风格的音乐播放器
- Inoreader.com - 市面上最大的 RSS 阅读器和新闻聚合器之一。
- AwesomeTechStack - 网站技术栈分析器
- ClipLeap - 用于在长视频中发布和分享时刻的平台。
- RSVP Keeper - 在线预订变得简单。让您的活动快速上线。基于 Vue 和 Go 构建。
- PNGK - 一家咨询公司的官方网站,致力于为人道主义、人权及其他类似组织寻找解决方案。
- BMWUSA Vehicle Configurator - BMWUSA 车辆配置器
- Fanmio - 通过 Fanmio 上的个人视频体验,与您最喜爱的名人见面
- AtomicWallet - 多资产加密货币钱包。桌面版和移动版均使用 Vue 构建。
- Helpninja - 简单快速的帮助台
- 36 Pixels - 使用 vue.js 制作的法国机构网站。
- temp-mail.io - 一次性临时电子邮件服务。
- Narrandum - 使用 Vue.js、Vuetify 和 Feathersjs 构建的客户旅程地图工具。
- goonlinetools.com - 100% 免费的在线工具网站。
- Portfolio Site - Olaolu Olawuyi,前端开发者和 UX 工程师的作品集网站。
- d-patterns.js.org - FOSS Discord 模板列表网站 💬
- linksift.com - LinkSift 让您探索网站链接到的内容。
- postmake.io - 一个精选目录,收录了全球公司和初创企业使用的 300 多种工具和资源。基于 Vue.js 和 Nuxt 构建。
- screenshotapi.net - 网站截图 API,可捕获像素级完美的网站截图。
- FontGet - 下载免费字体。
- Travel_Smart - 基于导览的 Web 应用,使用 Vue + Vue Router + Vuex。
- National Institutes of Health (NIH): FEVS Survey Results - 美国国立卫生研究院(NIH)联邦观点调查(FEVS)调查结果的数据可视化。
- Nipashe - “Nipashe”是斯瓦希里语单词,意为“告知我”。Nipashe 是一个使用 Vue + Vuex(状态管理)+ Vue-Router(导航)构建的 Web 应用,根据世界卫生组织的数据,提供当前全球 COVID19 感染情况的统计/数据。
- DevSnap.me - 一个帮助 Web 开发者找到大量免费开源 HTML、CSS 和 JavaScript 资源的网站。
- Back Home/回家 - 一个航班搜索引擎,用于查找在 COVID-19 期间仍执飞的从海外飞往中国大陆(以及从中国飞往海外)的航班。
- Deadlines - 一个离线的简单截止日期追踪器,使用 Vue.js 和 localForage 构建。
- Darwin Analytics - 用于测量和优化您的网站的工具。基于 Vue3 和 Vite 构建。
- Scrumfast - 极其直观的项目管理 Scrum 工具。
- Gradientos - Gradientos 让查找渐变变得简单。
- httptools.dev - 为 Web 开发者提供多种在线检查和工具,如 JSON 格式化器、重定向检查或 URL 编码器。基于 Vue3 和 vue-router 构建,后端 API 使用 Laravel。
- FontBolt - 发现并生成您喜爱的流行文化字体
- Portfolio Site - Monayem Islam,全栈 Web 应用开发者的作品集网站。用爱和 Vue 3 构建。
- MapperMate - 免费使用的瓦片地图编辑器,用于创建、编辑和管理 2D 游戏的瓦片地图。
- Chris Courses - JavaScript 和 2D 游戏开发学习平台,包含交互式视频、测验和代码挑战。
- BulkPicTools - 隐私优先的批量图像处理器,基于 Vue 3 和 WebAssembly 构建。
- Shiko - 兽医诊所管理平台,支持预约安排、带地图的交互式诊所目录以及多平台支持。
- Text to Handwriting - 将输入的文本在线转换为逼真的手写笔记。
- JsonToolBox - 开源的基于浏览器的 JSON 工具包,用于格式化、验证、压缩、查看、比较和转换 JSON。基于 Nuxt 和 Vue 构建。
- Obolus - 奥地利薪资和工资计算器,附带来源可靠的税务术语表。基于 Nuxt 和 Vue 3 构建。
预渲染
- vue-genesis - 🔥基于 Vue SSR 的微前端、微服务和轻量级解决方案🔥
A11y。
- eslint-plugin-vuejs-accessibility - 由 @vue-a11y 管理的 Vue.js 无障碍 eslint-plugin。
- vue-announcer - 使用 Vue 为屏幕阅读器宣布任何有用信息的简单方法。
- vue-axe - Vue.js 应用程序的无障碍审计。
- vue-focus-lock - 这是一个陷阱!焦点锁。用于限定焦点的 A11y 工具。
- Vue A11y project - Vue.js 社区项目,旨在改善网页无障碍性。
使用 Vue.js 的公司
外部资源
- TODOvue Blog - 使用 Vue.js 创建现代组件的指南与教程。网站
- Vue.js 資料まとめ(for japanese) - 由 @hashrock 提供
- Vue.js Wikipedia
- Vue Curated Resources - 推荐的 Vue.js 课程与教程。
- Vue School - 通过核心成员和行业专家的视频课程学习 Vue.js
- VueDose - 面向忙碌开发者的 Vue 生态系统技巧与诀窍。
- Vue.js DEV Community - DEV.to 上 Vue.js JavaScript 框架的官方标签
- WebTechSurvey.com - 使用 Vue.js JavaScript 框架创建的网站列表。
- Vue Mastery - Vue 开发者的终极学习资源
- Vue 3 Video Playlist - 精彩的 Vue 3 教程与实验
- Vue.js Workshops - 在浏览器中学习 Vue 2,通过构建 3 个应用:落地页、待办事项应用和播客聚合器。(Vue.js、Vue-Router、Vuex、Vue-Axios、Vue-Apollo)
- Vue.js Articles - 各类 Vue 2 和 Vue 3 教程与文章。
- Best vue.js Courses On YouTube - 精心挑选的 YouTube 最佳 Vue.js 教程列表
- Notes on Vue - 一份 Vue 开发个人指南。
- Vue-FAQ - 关于前端及 Vue.js 的常见问题解答。
- State of Vue Report - 最全面的 Vue 出版物第 5 版。与尤雨溪、Vue 和 Nuxt 核心团队共同创建
新闻通讯
- Weekly Vue news - 每周通讯,包含最有趣的 Vue 和 Nuxt 新闻、教程、项目与工具。
社区
- X (Twitter)
- Official Forum
- VueJS English community
- VueJS Iran - Telegram Channel & group (group link available in channel bio)
- VueJS Russia - Telegram Group [Russian]
- VueJS Viet Nam - Facebook group
- VueJS Thailand - Facebook Group
- VueJS Brasil - Telegram Group [Portuguese]
- VueJS Brasil - Facebook Page [Portuguese]
- VueJS Brasil - Facebook Group [Portuguese]
- VueJS en español - Facebook Group [Spanish]
- VueJS India - Discord chat server
- VueJS Indonesia - Telegram Group [Indonesian]
- VueJS Indonesia - Facebook Group [Indonesian]
- VueJS Hong Kong - Facebook group
- VueJS Arab - Telegram Group
- VueJS Vix - Telegram Group [Portuguese]
- VueJS Israel - Facebook Page
- VueJS Finland - Facebook Page
- Hablemos de Vue.js - Telegram Group [Castellano]
- VueBLR - WhatsApp Group
- VueBLR - Facebook Group
- VueJS USA - Meetups
- VueJS CZ/SK - Discord group
- VueJS DOM - WhatsApp group
- VueJS Uzbekistan - Telegram Group [Uzbek]
- VueJS Uzbekistan - Telegram Community and Support Group [Uzbek]
- VueJS Turkey - Telegram Group
- Vue Turkey - Twitter Account
- Vue Türkiye - Kommunity Page
- VueJS Singapore - Telegram Group
- VueJS Bootcamp kablosuzkedi - Turkey - Telegram Group
- VueJS Translations Ukraine - Telegram 群组(乌克兰)
- VueJS Kenya - Twitter Account
- VueJS Magyar - Facebook Group [Hungarian]
- VueJS Bangladesh - Facebook Group
播客
- Full Stack Radio #30 (11-23-2015)
- Changelog #184 (11-27-2015)
- Software Engineering Daily (12-29-2015)
- Codecasts #2 - Falando Sobre Vuejs e Web Components (2016-08-19) [pt-BR]
- Full Stack Radio #50 (09-21-2016)
- 和 Vue.js 框架的作者聊聊前端框架开发背后的故事 [zh-CN]
- Request For Commits #12 - Crowdfunding Open Source (Vue.js) (06-15-2017)
- The Web Platform Podcast 132: Vue.js (07-27-2017)
- Animating VueJS with Sarah Drasner(Software Engineering Daily 01-12-2017)
- Cynical Developer #99 (10-15-2018)
- Syntax #130 (03-27-2019)
- Enjoy the Vue: The new Vue.js podcast
- What is Pinia? with @posva (My typeof Radio) [es-MX]
- Evolution of Vue - Part I (My typeof Radio) [es-MX]
- Evolution of Vue - Part II (My typeof Radio) [es-MX]
- Evolution of Vue - Part III (My typeof Radio) [es-MX]
- React vs Vue - their communities (My typeof Radio) [es-MX]
- Views on Vue (weekly podcast on Vue)
- DejaVue - The Vue podcast to remember
- Pinia and friends in 2025 with @posva (My typeof Radio) [es-MX]
书籍
- The Majesty Of Vue.js 2 - 作者 Alex Kyriakidis 和 Kostas Maniatis,Leanpub 出版。(2017 年 3 月)
- Vue.js in Action - 作者 Erik Hanchett 和 Benjamin Listwon(2018 年春季)
- Testing Vue.js Applications - 作者 Edd Yerburgh(2018 年夏季)
- Front-end com Vue.js - 作者 Leonardo Vilarinho,Casa do Código 出版。(2017 年 11 月)
- Full-Stack Vue.js 2 and Laravel 5 - 作者 Anthony Gore,Packt 出版。(2017 年 12 月)
- Fullstack Vue: The Complete Guide to Vue.js - 作者 Hassan Djirdeh、Nate Murray 和 Ari Lerner。(2018 年 3 月)
- Vue.js 2 Design Patterns and Best Practices - 作者 Paul Halliday,Packt 出版。(2018 年 3 月)
- Vuex Quick Start Guide - 作者 Andrea Koutifaris,Packt 出版。(2018 年 4 月)
- Full-Stack Web Development with Vue.js and Node - 作者 Aneeta Sharma,Packt 出版。(2018 年 5 月)
- The Vue Handbook - 作者 Flavio Copes。(2018 年 7 月)
- ASP.NET Core 2 and Vue.js - 作者 Stuart Ratcliffe,Packt 出版。(2018 年 7 月)
- Vue.js: Construa aplicações incríveis - 作者 Caio Incau,Casa do Código 出版。(2017 年 9 月)
- Getting to Know Vue.js - 作者 Brett Nelson,Apress 出版。(2018 年 8 月)
- Vue.js Component Patterns Course - 作者 Frederik Dietz(2019 年 4 月)
- Building Forms with Vue.js - 作者 Marina Mosti(2019 年 10 月)
- Vue.js - 作者 Chris Minnick 和 Nat Dunn,Webucator 出版。(2020 年 2 月)
- Become a Ninja with Vue 3 - 作者 Cédric Exbrayat(英文和法文版本)(2020 年 5 月)
- Large Scale Apps with Vue 3 and TypeScript - Damiano Fusco,Leanpub 出版(2020 年 9 月)
- Vue - The Road To Enterprise - Thomas Findlay(2021 年 1 月)
- Accessible Vue – Get started with Accessibility in Vue.js! - 作者 Marcus Herrmann(2021 年 3 月)
- Building a Strapi E-Commerce: Nuxt.js Tutorial & Live Demo - (2021 年 9 月)
博客文章
- Vue x Hasura GraphQL
- Using GraphQL Mutations in Vue.js
- Learn How To Build A Data-Driven Search UI with Vue.JS
- Using GitLab CI/CD to auto-deploy your Vue.js application to AWS S3
- Dockerizing a Vue App
- Deploying a Flask and Vue App to Heroku with Docker and Gitlab CI
- Large-scale Vuex application structures
- Composing computed properties in Vue.js
- Learn how to refactor Vue.js Single File Components with a real-world example
- Get Started Writing Class-based Vue.js Apps in TypeScript
- Vue.js with TypeScript - 作者 John Papa
- Guide to Unit Testing Vue Components
- Realtime chat App with Vue and Hasura
- Vue vs React: Which is the better framework?
- Building a Beautiful Animated News App with Vue.js and Vuetify
- Comparing Angular vs Vue
- Vue vs. React – Which Should You Pick For Your Next Web Project?
- Vue.js from scratch series - YouTube 上由 Paris Nakita Kejser 发布
- 10 Quick-Fire Vue Interview Questions
- VueJS Admin Template - 精选的开源和付费 VueJS 管理模板合集。
课程
- Learn Vue by Building and Deploying a CRUD App - 本课程专注于通过使用测试驱动开发(TDD)构建和测试 Web 应用来教授 Vue 的基础知识。
- Advanced Vue.js Features from the Ground Up - 学习如何从零开始构建更易访问的路由、状态管理、表单验证和国际化库!
- Become a Ninja with Vue 3 - 本课程逐步教授如何使用 Vue CLI、TypeScript 和 Composition API 构建完整的 Vue 3 应用。每个练习都附带说明和测试,以检查 100% 的代码。
纪录片
- Vue.js: The Documentary - 作者:Honeypot(2020年2月)
互动体验
- Louis Ansa Website (portfolio)
- Djeco.com
- TR-101 Synth Drum Machine
- CSS ColorVars - 交互式工具代码生成(源代码)
- Nightlight During Conflict - 探索冲突国家夜间灯光输出的 GIS 数据。
- User Friendly Justice Data - 探索摩洛哥的司法数据。
- Vue Play - 在交互式/可视化拖放设计器中创建 Vue 组件和应用程序。
- Yahya J. Aifit's Portfolio Site - 受桌面操作系统外观启发的作品集网站。
企业级使用
- Sainsbury's
- GitLab
- Clemenger BBDO Melbourne
- ZenMate
- Codeship
- Storyblok
- Monito - 构建国际转账领域的 Booking.com。
- Hypefactors - 面向数据驱动公关专业人士的软件。
- Cotabox
- Aromajoin - 基于硬件、软件与材料技术的和谐,开发最优质的数字气味产品。
- Carrefour
- Staples Canada
- Blibli
- Manduka
- Upwork - 面向自由职业者和雇主的工作市场