Vite

简体中文

English
日本語
Español
Português
한국어
Deutsch

简体中文

English
日本語
Español
Português
한국어
Deutsch

Appearance

Building Together

ViteConf 24 - Oct 3

Get your free ticket!

其他 ​

  • 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 - 一个使用 Vue 作为模板引擎的最小路由和 Web 服务框架。
  • V-Craft - 使用 Vue.js 构建可扩展页面构建器的工具集。
  • Vue-Low-Code - 可以从 Quant-UX 原型生成 VUE 应用程序的低代码工具包
  • Figma-Low-Code - 将您的 Figma 设计转换为 VUE 应用程序。
  • vue-notion - 非官方 Notion 渲染器 – 使用 Notion 作为 Vue 的 CMS（例如 Nuxt）
  • Fes.js - 基于 vue3 的易于使用的前端应用程序框架。
  • petite-vue - 针对渐进增强进行了优化的 6kb Vue 子集。

UI 布局 ​

整体/主视图的布局

  • vue-waterfall - Vue.js 的瀑布布局组件。
  • vueisotope - 用于同位素过滤和排序神奇布局的 Vue 组件。
  • vue-grid-layout - 适用于 Vue.js 的可拖动和可调整大小的网格布局。
  • vue-drag-zone - 适用于 Vue.js(2.x) 的拖动区域组件。
  • vue-masonry - 用于砌体块布局的 Vue.js 指令。
  • vue-fraction-grid - 基于 Flexbox 的响应式 Vue.js 分数网格系统。
  • vue-virtual-scroll-list - 一个使用虚拟滚动列表支持大数据的 vue (2.x) 组件。
  • vue-virtual-scroller - 用于高效滚动大量元素的组件 (Vue 2.x)。
  • vue-virtualscroll - [Vue 2.x] 用于虚拟滚动事物的组件。
  • vue-inview - [Vue 2.x] 视口，当进入或离开 DOM 元素时获取通知。
  • dnd-grid - 带有可拖动和可调整大小的框的 vuejs 网格
  • vue-extend-layout - 扩展默认布局或为 Vue.js SPA 的页面创建自定义布局
  • vue-masonry-css - 由 CSS 提供支持的 Vue.js Masonry 布局组件，无依赖性。
  • vue-fullpage.js - Vue.js 的官方 fullPage.js 组件。
  • vue-virtual-collection - 用于高效呈现大型集合数据的 Vue 组件。
  • autoresponsive-vue - Vue 的自动响应式网格布局库。
  • VueFlex - 一个 flexbox 网格系统。
  • v-chacheli - 一个 Vue.js 组件，用于创建和显示自定义仪表板式网格布局。
  • vue-grid-styled - 一组轻量级的功能性网格组件，移植自 React 的 grid-styled
  • simple-grid - 用于网格布局的 Vue 组件，支持 flex。
  • vue-container-component - 受 Bootstrap Container 启发的简单容器组件
  • vue-colcade - 用于将 Colcade 网格布局集成到 Vuejs 的小型包装器。
  • vue-ads-layout - 一个小型 Vue 组件库，用于快速生成带有工具栏、左/右抽屉和页脚的响应式 Web 应用程序布局。所有组件都可以固定或相对定位。
  • vue-magic-grid - Vue.js 2 的 Magic Grid 的微型端口。
  • vue-splitter-pane - 一个 Vuejs 组件，以可调整的分割排列（垂直或水平）呈现两个插槽。
  • splitpanes - 一个可靠、简单且支持触摸的 Vue JS 窗格分割器/调整器。
  • vue-mock-layout - 轻松模拟 Vue 应用的布局。
  • vue-simple-drawer - 一个带有弹跳动画、支持嵌套和自定义主题的微型抽屉面板。方向：左/右/上/下
  • vue-grd - 用于网格布局的简单、轻量且灵活的 Vue.js 组件。
  • vue-masonry-component - 一个 Vue.js 组件包装 masonry 布局库。
  • vue-smart-widget - Smart widget 是一个灵活且可扩展的 Vue.js 2.x 内容容器组件。
  • vue-colrow - 响应式网格布局组件：Row、Col。基于 css flexbox。支持 SSR、固定或分数宽度、自动增加 Col。
  • vue-diagonal - 用于创建对角线元素的简单轻量级组件。
  • vue-responsive-dash - 使用 vue 和 typescript 制作的响应式、可拖动和可调整大小的仪表板（网格）。
  • vue-masonry-wall - 纯 vue 响应式砌体布局，无需直接 dom 操作，支持 ssr 和延迟加载。
  • vue-horizo​​ntal-list - 纯 vue 响应式水平列表布局，支持 ssr，移动和触摸友好。
  • vue-layout-system - 解决日常布局问题的 Vue 组件。
  • simple-vue-grid - 简单的网格容器，可帮助您为应用构建布局。
  • iron-grid-system - 适用于 Vue 3.x 的响应式网格系统。
  • vue-re-resizable - 适用于 vue 3 的插件，允许调整组件大小。重写了 re-resizable
  • vue-console-feed - 一款插件，可让您为 vue 显示“类似 Chrome Devtools 的控制台”。
  • vue-typed-virtual-list - [Vue 3.x] 小型、高效、TypeScript 友好的虚拟滚动条，用于渲染海量数据
  • fit-screen - 基于 scale 大屏幕自适应解决方案的 vue 组件。
  • vue-virtual-waterfall - Vue 3.x 的虚拟瀑布组件。
  • vue-stack-grid - 一个 Vue 3 组件，旨在让创建动态、响应式网格布局变得简单高效。

UI 组件 ​

表格 ​

表格/数据网格

  • vuetable-2 - 简化数据表。
  • vue-tables-2 - Vue.js 2 网格组件。
  • vue-datasource - 用于创建动态表格的 vue.js 服务器端组件。
  • ag-grid-vue - ag-Grid 的 Vue 适配器。
  • vue-data-tables - 基于 element-ui 的 Vue2.0 数据表。
  • vue-floatThead - Vue 2.0 的 floatThead 组件，一个浮动且粘性的表格标题插件。
  • vuetiful-datatable - 具有排序、过滤、分页、分组和聚合功能的数据表组件。
  • vue-materialize-datatable - 用于 Materialize CSS 的 VueJS 数据表
  • vue-good-table - 一款易于使用的 VueJS (2.x) 表格插件，具有排序、列过滤、分页等功能。
  • vue-grid - 适用于 Vue.js 的灵活网格组件
  • vue-easytable - 基于 Vue2.x 的强大表格组件
  • vue2-datatable-component - 适用于 Vue.js 2.x 的最佳数据表，绝不会让您失望
  • vue-js-grid - Vue.js 2.x 响应式网格系统，具有流畅的排序、拖放和重新排序功能
  • vue-handsontable-official Handsontable 电子表格组件的 Vue.js 包装器
  • vue-grid - 适用于 Vue.js 2.x 的强大 flexbox 网格系统，使用内联样式构建
  • vue-data-tablee - 基于 vue-good-table，一个简单漂亮的表格组件
  • vue-scrolling-table - 简单的表格组件，具有 flexbox 大小、滚动表格主体（水平和垂直）、用于所有 tr/th/td 渲染的插槽。
  • el-search-table-pagination - 将 Element UI 的 Form、Table 和 Pagination 组件结合在一起。基于 Vue 2.x。(详情)
  • vue-crud-x - 使用 Vuetify 布局的可扩展 CRUD 组件，除了通常的页面、排序、过滤之外，它还能够进行嵌套 CRUD、自定义表单、过滤器、操作。
  • Vue Datatable - 由 VueJS 提供支持的 Datatable，具有 Laravel 服务器端加载和 JSON 模板设置
  • v2-table - 基于 Vue 2.x 的简单表格组件。
  • vue-cheetah-grid - 一款适用于 Vue.js 画布的高性能网格引擎。
  • vue-table-component - 一款直观易用的 Vue 组件，用于显示表格。
  • @lossendae/vue-table - 适用于 Vue.js 2.x 的简单表格组件，具有分页和可排序列功能。
  • el-data-table - 基于 element-ui，可轻松进行数据增删改查
  • DevExtreme Vue Grid - 适用于 Bootstrap 的基于插件的高性能 Vue 数据网格。
  • vue-ads-table-tree - 一个 vue 表格组件，具有过滤、排序和分页功能。行可以有子行，因此可以构建树结构。它还支持异步调用以从后端加载行。它是使用 css 框架 tailwindcss 构建的
  • @marketconnect/vue-pivot-table - 一个用于数据透视表的 vue 组件
  • vue-teible - 适用于 Web 的轻量级灵活表格组件 ⚡
  • vue-jqxgrid - Vue 数据网格，具有过滤、排序、编辑、分组、数据导出和其他功能。
  • vue-jqxpivotgrid - 带有数据透视设计器、钻取单元格和数据透视功能的 Vue 数据透视表。
  • toast-ui.vue-grid - TOAST UI Grid 的 Vue 包装器。
  • vueye-datatable - Vueye 数据表是一个基于 Vue.js 2 的响应式数据表组件，它按页组织数据以便于导航。
  • vue-sorted-table - 一个将表格转换为排序表格的插件。支持嵌套对象键、自定义图标和可重用组件。
  • vue-bootstrap4-table - 基于 Vue 2 和 Bootstrap 4 的高级数据表，包括多列过滤、多列排序、分页和信息、复选框行和高度可定制的插槽选项。
  • vuejs-smart-table - 使用原始 HTML 表结构的简单表格组件，具有开箱即用的排序、过滤、分页和选择功能。
  • @myena/vue-table - 用于客户端/服务器数据处理的表格组件。过滤、排序、分页、分组、展开详细信息行。通过过滤器、标题、列、分页、详细信息行的插槽高度可定制。
  • vue-jd-table - 适用于 Vue 2 的先进且灵活的数据表组件。功能丰富：搜索、过滤、导出、分页（传统和虚拟滚动）等等！
  • iview-table-page - 将 iview UI 的 Table 和 Page 组件组合在一起。基于 Vue 2.x。以下是使用 iview-table-page 的一些示例。
  • fancy-grid-vue - FancyGrid 的 Vue 适配器。
  • vue-table-dynamic - 具有排序、过滤、编辑、分页、多选等功能的动态表格。
  • vue-quintable - 基于 Vue 2.x 和 Bootstrap 4.x 的响应式、高度可配置的表格
  • vue-grid-responsive - 基于 Bootstrap for Vue 2.x 的响应式网格系统。
  • vue-js-datatable - VueJS 轻量级包装器数据表组件，适用于 datatables.net
  • bee-grid-table -BeeGridTable ，是一个基于 Vue.js 的高度可定制的表格 UI 组件库。功能丰富、更高效、使用简单！
  • vue-datagrid - Vue 网格包装器，用于功能强大的 webcomponent revo-grid，具有类似 excel 的丰富编辑和行为。
  • element-ui-sticky-table - 适用于 element-ui 表的粘贴
  • vue-dataset - 一组 Vue.js 组件，用于显示具有过滤、分页和排序功能的数据集！
  • jz-gantt - 一个高性能的 Vue gantt 组件，包含高度可自定义的表格列、动态更新数据、自由拖动进度条、切换表头等。
  • vue3-easy-data-table - 一个使用 Vue.js 3.x 制作的易于使用的数据表组件，参考了 Vuetify 2 中数据表组件的 API 和 UI。
  • lv2-datatable - 无需使用 JQuery 即可将 Laravel 数据表与您的 Vue 应用集成。
  • el-col-group - 强大且灵活的 Element 表列。
  • tanstack-table - 用于构建强大表格和数据网格的无头 UI。
  • vuetify-drilldown-table - Vuetify Drilldown Table 是一个功能强大的组件，可增强 Vuetify 框架的 v-data-table 和 v-data-table-server 的功能。它提供递归表结构，允许您以嵌套格式显示分层数据。
  • vxe-table - Vue 表单/表格解决方案。

通知 ​

Toaster / snackbar — 使用非模式临时小弹出窗口通知用户

加载器 ​

加载器/旋转器/进度条 — 让用户知道正在加载某些内容

进度条 ​

页面顶部的细长进度条

工具提示 ​

工具提示/弹出窗口

  • v-tooltip - 使用 Vue 2.x 轻松实现工具提示。
  • vue-popper-component - Vue.js 的 Popper.js 指令。
  • vue-directive-tooltip - 简单、灵活的工具提示指令（基于 Popper.js） Vue.js
  • vue-popperjs - VueJS 2.x 弹出组件
  • vue-popper-lite - 基于 popper.js tree shake 的弹出组件，适用于 Vue 3，由 TypeScript 编写。
  • vue-tooltipster - VueJS 2.x 工具提示组件。支持 html 内容、悬停和悬停+点击事件。
  • k-pop - 基于 popper.js 的简单弹出组件。高度可定制。自带主题。支持自定义触发器并可监听任何事件。
  • @adamdehaven/vue-custom-tooltip - Vue 2 & 3 🎉 可定制、响应式且可重复使用的工具提示组件，支持插件选项、道具和多种用例。还适用于 SSR（例如 VuePress、Nuxt）并包含 TypeScript 类型。 （Vue 3 可在 next 分支/npm 标签上使用）
  • vue-use-popperjs - 由 @popperjs 提供支持的 Vue 2 和 3 popper 钩子
  • vue-follow-tooltip - Vue 3 的微型工具提示指令。
  • Tippy.vue - Vue 3 的无嵌套 Tippy.js 指令/组件。无需更改结构或样式即可添加。支持单个和单例工具提示。

覆盖 ​

覆盖/模态/警报/对话框/灯箱/弹出

  • vuedals - 一个 VueJS (2.x) 插件，用于具有单个组件实例的多个模态窗口。
  • sweet-modal-vue - 模态中最甜蜜的库。现在可用于 Vue.js。
  • vue-js-modal - 易于使用、高度可定制、适合移动设备的 Vue.js 2.0+ 模态，无任何依赖项。
  • vudal - vue.js 的模态窗口
  • vodal - 带有动画的 vue 模态。
  • vue-image-lightbox - 一个 Vue 图像灯箱/画廊，可以很好地显示图像.
  • vue2-simplert - Irfan Maulana 的 Vue 2 简单警报组件（SweetAlert 启发）
  • Vue-Semantic-Modal - 无需 jQuery 依赖的 Vue 2 Semantic-UI 模式组件
  • v-img - 易于安装的图片库。
  • vue-dialog-drag - 可拖动对话框
  • vue-ya-semantic-modal - 另一个 Vue2 的语义 UI 模式组件，没有 Jquery，但有 Vue 转换
  • vue-pure-lightbox - 非常简单的灯箱插件，没有任何依赖项 - 仅 Vue！ 🖼
  • v-viewer - 适用于 vue2 和 vue3 的图片查看器组件，支持旋转、缩放、缩放等，基于 viewer.js
  • vue-messagebox - Vue 上简单且定制的消息框组件。
  • vuejs-dialog - 轻量级、基于承诺的警报、提示和确认对话框。
  • @hscmap/vue-window - 适用于 vue2 的窗口 UI 组件。
  • vue-gallery - VueJS 响应式、可自定义的图片和视频库、轮播和灯箱，针对移动和桌面网络浏览器进行了优化。基于 blueimp-gallery
  • vue-swal - 用于将 SweetAlert 集成到 Vuejs 的小型包装器。（与 SSR 兼容）
  • vue-modal-dialogs - ✨ Promisify 您自己的对话框！
  • vue-img-view - Vue.js 的一个插件，您可以在任何地方拖动 / 查看 / 旋转图片
  • vue-modaltor - 最先进的可配置 vuejs 模式组件
  • v-modal-backdrop - 一个简单的通用 vue 背景组件
  • vue-cute-modal - 一个简单易用的 Vue 应用程序模式组件。
  • v-dialogs - 一个简单而强大的对话框，包括 Modal、Alert、Mask 和 Toast 模式，基于 Vue2.x
  • vue-gallery-slideshow - VueJS 的响应式图库组件
  • vue-a11y-dialog - 一个用于可访问对话框的 Vue.js 组件包装器 a11y-dialog。
  • vue-slideout-panel - VueJS 的可堆叠面板组件
  • v-gallery - 一个用于在 gallery 或 carousel 中显示图像的 Vue2 插件
  • vue2-image-loader - 一个用于 vue2 的图像 lazyLoad 加载器组件
  • vue-my-photos - 一个具有过滤功能的简单无依赖图像灯箱组件
  • vue-img-orientation-changer - 一个 Vue.js directive，可自动调整您的 img 以正确显示orientation。
  • vue-topmodal - 完全可定制、易于使用的 Vue.js 模态组件。（响应式、可堆叠、可滚动、动画）
  • vue-modal 🖼 - 为您的对象数组提供多个可切换的模态内容或快速内联您的内容。完全可定制的 vue 模态组件。
  • @innologica/vue-stackable-modal - 可堆叠的模态对话框库。完全可定制且非常易于使用。
  • vue-sweetalert2 - sweatlaert2 的包装器，支持 TypeScript、Nuxt 和 SSR
  • vue-modality - 一款非常不错的 Vue.js 模态组件
  • vue-tinybox - 一款小巧（压缩后仅 2.5 KB）且精美的灯箱图库。针对桌面和移动设备进行了优化。
  • vue-accessible-modal - 一款可访问 Vue.js 模态的包装器，可覆盖您的组件。
  • vuetify-dialog - 可轻松与 Vuetify 配合使用的对话框。
  • vue-hawesome-modal - 一个基于 Vuetify 和 Vuex 的 Vue promisify 模态组件插件。
  • xmodal-vue - 🚀 一个简单易用的组件包装器，可帮助您从组件中创建自定义和动态模态框。
  • @kouts/vue-modal - 一个可定制、可堆叠且轻量级的模态框组件，遵守 WAI 中设置的准则 -W3C 的 ARIA 对话框（模态）部分。
  • vue-final-modal Tailwind 友好、高度可定制、可堆叠的模态组件。
  • vuesence-modal-window - 简单的模态窗口 Vue.js 组件，负责叠加、居中、动画、外部点击/Esc 键/X-mark 关闭，让您只专注于其内容。
  • vue-it-bigger - 适用于 Vue.js 的简单图像/（YouTube）视频灯箱组件。
  • v3confirm - 专用于 vue3 的插件，用于显示确认对话框模态。
  • vue3-promise-dialog - 让您轻松在 Vue 3（Composition 或 Options API）中创建基于承诺的对话框！
  • vue3-side-panel - 🔥 易于使用且灵活的 Vue3 模式侧边栏组件。
  • vuejs-confirm-dialog - :speech_balloon：一种在 Vue.js 中创建、重用、承诺化和构建模式对话框链的简单方法。
  • @kolirt/vue-modal - ⚡️ 简单的 Vue3 模式包
  • vuetify-resize-drawer - vuetify-resize-drawer 组件扩展了 v-navigation-drawer 的功能，以便用户可以调整其大小。

视差 ​

  • vue-parallax - 以比窗口更慢的速度滚动图像以创建整洁的光学效果。
  • vue-parallaxy - 用于视差图像滚动效果的 Vue.js 组件。
  • vue-mouse-parallax - 一个简单易用的鼠标视差组件 - 使用 Vue.js 制作
  • vue-parallax-js - 微型 vue 组件，可添加用于元素视差效果的指令。
  • vue-parallax-view - 创建一个复合控件，显示不同的图像，这些图像会对鼠标移动做出反应，从而产生深度效果

图标 ​

  • vue-awesome - Vue.js 的 Font Awesome 组件，使用内联 SVG。
  • vue-material-design-icons - 一组作为单个文件组件的 SVG Material Design 图标。
  • vue-icon-font - Vuejs 的 iconfont 插件（支持 Font-class 和 Symbol）。
  • vue-ionicons - Ionic 团队的 Vue 图标集组件。
  • vue-ico - 适用于 Vue 的超级简单图标，具有嵌入式浏览器支持和选择性捆绑功能
  • mdi-vue - 适用于 Vuejs 的 Material Design 图标组件
  • vue-fontawesome - Font Awesome 5 Vue 组件
  • g-icon - 用于 svg 图标的简单图标组件（兼容 Font Awesome 类字体工具包）
  • vue-simple-line-icons - 适用于 Vuejs 的简单线条图标组件
  • vue-country-flag - 用于国家/地区国旗图标的 Vue 组件
  • vicon - Vicon 是一个简单的 vue 图标字体组件。
  • md-svg-vue - Google 为 Vue.js 和 Nuxt.js 提供的 Material Design 图标（服务器端支持（带缓存）、内联 svg 渲染、官方图标名称）
  • vue-lang-code-flags - Vue 组件，显示语言来源国国旗
  • vue-zondicons - 用于制作精美的 Zondicon svg 图标的 Vue 组件
  • vue-eva-icons - 简洁美观的开源 eva 图标，作为 Vue 组件。
  • vue-unicons - 1000+ 像素完美 svg unicons，可作为 Vue 组件用于您的下一个项目。
  • vue-fa - 简单的 FontAwesome 5 Vue.js 2 组件。
  • vue-cryptoicon - 精美的像素完美 400+ 加密货币和 10+ 法定货币图标。
  • vue-hero-icons - 一组高质量的 SVG 图标，来源于 @refactoringui/heroicons，作为 Vue 功能组件。
  • vue-heroicons - 用于 104 个高级 Heroicons UI svg 图标的 Vue 组件
  • vue-tabler-icons - 用于 Tabler Icons 的 Vue 组件er-icons) SVG 图标。
  • oh-vue-icons - 一个 Vue 组件，可轻松包含来自不同流行图标包的内联 SVG 图标。
  • vue-feather-icons - 简单漂亮的开源图标作为 Vue 功能组件。
  • vue-feather - Vue 3 的 Feather 图标组件。
  • eos-icons-vue - Vue 3 的 Eos 图标 npm 包，eos-icons-vue2 适用于 Vue 2
  • vue-icomoon - 使用 vue-icomoon，您可以轻松使用在 icomoon 中选择或创建的图标。
  • vue-icons - 来自最流行图标库（bootstrap、fontawesome、feather 等）的 11,000 多个图标
  • veemoji - Veemoji 是 vue 2 的一个组件，非常简单的表情符号 🚀

Marquee ​

  • vue-dynamic-marquee - Marquee 组件，可随时响应变化。
  • vue3-marquee - 适用于 Vue 3 应用程序的简单且响应迅速的 marquee 组件，无任何依赖项。

菜单 ​

减号加号输入 ​

轮播 ​

  • vue-easy-slider - Vue.js 的滑块组件。
  • vue-l-carousel - Vue.js v2.x+ 的响应式轮播（即滑块或滑动条）组件。
  • vue-awesome-swiper - Vue.js（1.x ~ 2.x）的滑动条（滑动）组件。
  • vue-lory - 基于 lory 的 Vue 滑块组件。
  • vue-slick - Slick-carousel 的 Vue 组件。
  • vue-flickity - Flickity.js 的 Vue 组件。
  • vue-carousel-3d - Vue Carousel 3D - 美观、灵活且支持触摸的 Vue.js 3D 轮播组件。
  • vue-carousel - 灵活、响应迅速、支持触摸的 Vue.js 轮播组件。
  • vue-coverflow - vue2.x coverflow 组件。
  • vue-agile – 受 Slick 启发的轮播组件，仅使用 Vue.js 和 vanilla JS 编写。
  • vue-tiny-slider – 由 ganlanyuan 创建的轮播组件，使用 Vue.js 编写。不使用 jQuery。适用于 IE8 及以上版本。
  • vue2-text-swimlane - Vue.js 的 Text Swimlane 插件
  • vue-picture-swipe - Vue Picture Swipe Gallery（带有缩略图、延迟加载和滑动的图片库），由 photoswipe 支持。
  • vue2-siema - 非常小的 Siema 轮播/滑块库的插件包装器。
  • vue-flux - 带有 20 个炫酷过渡效果的图像滑块。
  • vue-glide - 基于 Glide.js 的 Vue 滑块和轮播组件
  • vue-owl-carousel - 用于 Owl Carousel 2 的 Vue 组件
  • vueper-slides - 适用于 Vue JS 的触摸式响应式幻灯片/轮播。
  • Hooper - 可自定义的可访问轮播滑块，针对 Vue 进行了优化
  • Lingallery - Vue 的简单图库组件，可显示带有下方缩略图的大图像
  • vue-piece-slider - 碎片化外观的动画幻灯片
  • vue2-photo-carousel - Vue2 的照片轮播组件
  • vue-netflix-slider - 类似 Netflix 的滑块。
  • vue-pswipe - 易于使用，无需设置大小，支持旋转，基于 photoswipe 的 vue swipe 插件
  • vue-cat-carousel - 轻量级、简单且可自定义的 Vue Js
  • @egjs/vue-flicking - 可靠、灵活且可扩展的轮播，适用于 Vue.js 2 和 3。
  • slither-slider - 适用于图片、视频或组件的轮播。几乎可以把任何你想要的东西扔到上面。
  • vue-slick-carousel - 一款功能强大、支持 SSR 的轮播组件，专为更快的 Luxstay 而编写
  • @jfm/vue-carousel - 一款 Vue 轮播组件。
  • vue-snap - 基于 Scroll Snap CSS 的轻量级轮播
  • vuerollr - Vue.js 的鼠标悬停图库插件。支持图片和视频。
  • vue-splide - Splide 是一款免费的轻量级但功能强大的滑块和轮播组件，采用纯 JavaScript 编写，无任何依赖项。它支持缩略图滑块、嵌套幻灯片。
  • swiper - Vue 3 的官方 Swiper 组件。支持 Tree Shakable、SSR 支持、Typeting、a11y 等等
  • vue-split-carousel - 一个轮播组件，可同时显示多个轮播项目，支持 vue 2 和 vue 3。
  • vue-concise-carousel - 带有 True SSR 的 Vue Concise Carousel。适用于 Vue 2 和 3。

图表 ​

  • vue-morris - 包装 Morris.js 的 VueJS 组件。
  • vue-chartjs - Chart.js 的 Vue.js 包装器。
  • vue-echarts - Vue.js 的 ECharts 组件。
  • vuetrend - 适用于 Vue.js 的简洁、优雅的火花线。
  • vue-highcharts - Vue 的 Highcharts 组件。
  • vue-echarts-v3 - ECharts.js(v3.x+) 的 Vue.js(v2.x+) 组件包装。
  • vue-chartist - Chartist 的 Vue.js 2.0 组件包装。
  • vuebars - 适用于 Vue.js 的简单、优雅的 Spark Ba​​r。
  • vue-d3-network - 使用 d3-force 绘制网络图的 Vue 组件
  • vue2vis - Visjs 的 Vue2 包装器。
  • vue-c3 - 用于 c3 图表的可重复使用的 vue 组件
  • vue-d2b - 用于 d2b 图表的 Vue 组件。（包括轴图、饼图、桑基图和旭日图）
  • VueChart - 一个非常简单的 Chart Vue 包装器。
  • vue-chartkick - 使用一行 Vue 代码即可创建漂亮的 JavaScript 图表
  • d3vue - 用于在 VueJS 中创建反应式数据可视化的 D3 插件
  • vue2-frappe - 用于 VueJS 的 Frappe Charts 的简单包装器
  • vue-google-charts - 用于 Google Charts 库的反应式 Vue.js 包装器
  • vue-graph - 用于在 Vue.js 中实现仪表板的数据可视化库
  • vue.d3.sunburst - 基于 D3.js 的反应式 sunburst 组件
  • v-chart-plugin - 可自定义的组件，用于添加绑定到组件数据的 D3 图表。
  • vue-jqxchart - 具有饼图、气泡图、环形图、折线图、条形图、柱形图、面积图、瀑布图、极坐标图和蜘蛛图系列的图表组件。
  • toast-ui.vue-chart - TOAST UI Chart 的 Vue 包装器。
  • vue-apexcharts - ApexCharts 的 Vue.js 组件。
  • vue-doughnut-chart - Vue.js 的甜甜圈图组件。
  • v-charts - 基于 Vue2.x 和 Echarts 的图表组件。
  • vue-css-donut-chart - 用于绘制纯 CSS 甜甜圈图的轻量级 Vue 组件。
  • vue-trend-chart - Vue.js 的简单趋势图
  • vueplotlib - 声明式、交互式、链接式绘图组件
  • vgauge - GaugeJS 的 Vue 包装器 - 创建漂亮的仪表盘
  • vue-plotly - plotly.js 声明式图表库的包装器，附带 20 种图表类型，包括 3D 图表、统计图表和 SVG 地图。
  • vue-funnel-graph-js - Vue.js 的漏斗图绘制库。创建垂直和水平动画 SVG 漏斗图并添加标签、值、图例和其他信息。
  • pure-vue-chart - 轻量级 vue 图表，无需任何图表库依赖项
  • f2-vue - f2 的 Vue 包装器 - 优雅、交互且灵活的移动图表库
  • ZingChart-Vue - ZingChart 制作的 Vue 组件，包含 35 多种图表类型。
  • jscharting-vue - Vue 图表组件，提供一整套图表类型，并通过 JSCharting 实现引人入胜的数据可视化。
  • flowchart-vue - Vue.js 的流程图和流程图设计器组件。
  • vue-d3-barchart - 使用 d3 绘制图表的小组件。
  • vue3-highcharts - Vue 3 的 Highcharts.JS 包装器组件
  • echarts-for-vue - Vue 3 和 2 的 ECharts 包装器组件
  • vue3-chart-v2 - 基于 Chart.JS 的 Vue 3 包装器组件
  • vue-gauge - 用于创建动画 svg 仪表图的 Vue.js 组件
  • vue-echarts - Apache ECharts™ 的 Vue.js 组件。
  • vue-data-ui - 包含 50 多个组件的 Vue 3 图表库。官方网站：https://vue-data-ui.graphieros.com/
  • vue-speedometer - 使用 d3 显示速度计类仪表的 Vue 组件。

时间 ​

显示时间 / 日期 / 年龄

日历 ​

在日历中显示不可编辑的事件

地图 ​

音频 / 视频 ​

  • Vue-APlayer - 🍰 适用于 Vue 2.x 的易于配置的音乐播放器。
  • vue-audio - 音频标签包装器；适用于 Vue 2.x 的声音播放器组件
  • vue-dplayer - 基于 DPlayer 的 Vue 2.x 视频播放器组件。
  • vue-canvasvideo - 用于在 iOS/Safari 上设置视频背景和自动播放视频的 Vue 2.x 组件。
  • vue-music - 基于 html5 <audio> 的 Vue 组件。
  • vue-audio-visual - Vue HTML5 音频可视化组件。
  • vue-plyr - 一组用于 plyr 视频和音频播放器的 Vue 组件。
  • v-playback - 一个 Vue2 插件，可让视频播放更加轻松。
  • vue-audio-recorder - Vue.js 的录音机。它允许在服务器上创建、播放、下载和存储记录
  • vue-video-section - 一个简单的 Vue 视频标题/部分组件。适用于视频背景和在其上叠加内容。
  • vue-waveform -它是使用画布波形音频播放器 wavesurfer 组件，包含适用于 Vue 2.x 的时间线条线
  • vue-responsive-video-background-player - 以不同的分辨率在后台响应式播放您自己的视频。
  • vue-h5-audio-controls - 适用于 Vue 的简单 h5 音乐控制器。
  • xns-audio-player-simple - 轻量且可定制的 Vue 2.x 音频播放器，由 HTMLAudioElement 提供支持。
  • vue-core-video-player - 适用于 Vue.js 的轻量级视频播放器
  • vue-player - 适用于 Vue 2.x 的带 img 占位符的简单 html5 视频播放器。
  • vue-audio-better - 轻松为 Vue 2.x 创建自定义音频播放器组件。有灵魂的进度条。
  • vue-sounds - 轻松为您的组件添加声音。
  • vue-soundcloud-player - 支持单曲和播放列表的自定义 Soundcloud 播放器
  • vue-use-sound - 用于播放音效的 Vue Hook。
  • vue-flv-player - 基于 flv.js 的 Vue 2.x HTML5 Flash 视频 (FLV) 播放器组件。
  • control-knob - Vue 3 的旋转控制旋钮组件，其行为类似于音频应用程序控件。
  • simple-vue-camera - 一个简单易用但功能广泛的 Vue 3 相机组件，支持 Typescript，可创造出色的相机体验。
  • vue-vision-camera - Vue 3 的相机组件。我们可以使用此组件执行计算机视觉任务，如条形码/二维码扫描、文本识别等。
  • 1llest-waveform-vue - 一个轻量级且可控制的音频可视化 vue3 插件。
  • Vue-Player - 轻量级、可定制且易于实现的 vue 视频播放器。

无限滚动 ​

下拉刷新 ​

Markdown ​

  • vue-markdown - 适用于 Vue 的强大且高速的 Markdown 解析器。
  • vue-mavonEditor - 基于 Vue 的 Markdown 编辑器，支持多种个性化功能。
  • vue-simple-markdown - 适用于 Vue 的简单且高速的 Markdown 解析器。
  • vue-simplemde - simplemde 的包装器。初学者和专家都可以享受愉快的编辑体验。具有内置自动保存和拼写检查功能。
  • @f3ve/vue-markdown-it - Vue3 的 markdown-it 组件。易于使用且完全输入。

PDF ​

树 ​

  • Vue.D3.tree - 基于 D3.js 的树视图
  • vue-json-tree-view - Vue.js 的 JSON 树视图组件。
  • vue-tree - Vue.js 2.X 的树形组件。
  • liquor-tree - 出色的 Vue 树形组件
  • vue-trees-ui - 基于 Vue 的树形 UI。
  • Bosket - 前端框架 (Vue、React、Angular 和 Riot) 的树形视图组件集合。
  • plantain-00/tree-component - reactjs、angular 和 vuejs 树形组件。
  • sl-vue-tree - 一个适用于 Vue.js 的简单可自定义可拖拽树形组件
  • he-tree-vue - 一个可拖拽可排序的 vue 树形组件，带有拖拽占位符和类型定义。压缩后大小为 14 KB。
  • vuejs-tree - 高度可定制的 VueJs 树形查看器
  • vue-jstree - 适用于 Vue2 的树形插件，具有精美的图标和拖放功能
  • vue-vtree - 适用于 Vue.js 的通用且灵活的树形组件
  • vue-json-component - 不带任何依赖项、支持 TypeScript 且易于定制的 JSON 树形视图。
  • vue-tree-list - 用于树状结构的 Vue 组件
  • vue-finder - 用于显示分层数据的组件，具有选择、过滤和拖放功能
  • vue3-router-tree - 此组件基于 Vue.js 3，它将您的路线或项目表示为树视图🌲。
  • object-visualizer - 具有类似 Chrome 主题的 Vue 3 JSON 检查器。
  • vue-virtual-tree - 基于 Vue3 的用于大量数据的树状组件。
  • vue-json-viewer - 一个支持增量更新的 JSON 树视图组件，基于 Vue2 和 Vue3。
  • vue-hierarchy - 库显示分层数据

图表 ​

  • vue-pipeline - 一个易于使用的组件，用于显示漂亮的响应式管道，如 jenkins blue ocean 插件。
  • vnodes - 通用组件，用于创建 svg 交互式图形、图表或基于节点的可视化工具。
  • v-network-graph - 适用于 Vue 3 的基于 SVG 的交互式网络图可视化组件。
  • coya - 图表绘制库（仅限 vue3）
  • vue-skia - 基于 Skia 的 2d 图形 vue3 渲染库。它基于 Rust 来实现软件光栅化以执行渲染。
  • vue-flow - 适用于 Vue3 的交互式、可自定义的图形和流程图编辑器

社交分享 ​

  • vue-social-sharing - 用于分享社交网络链接的无渲染 Vue.js 组件，与 SSR 兼容
  • vue-goodshare - 用于社交分享的 Vue.js 组件，按钮设计精美。安装简单、文档丰富、开发人员支持、SEO 友好、代码干净，无需脚本跟踪页面上的用户活动，速度快。与 Vue.js 2.x 配合使用。
  • vue-socialmedia-share - 一个 Vue.js 组件，用于使用 Vue 2.X 分享社交网络链接
  • vue-picture-sharesheet - 一个 Vue 图片分享表组件，深受 Apple 新闻室中图片分享表的启发
  • vue-twitter - 一个 Vue.js 组件，用于嵌入 Twitter 小部件（例如时间线、按钮）
  • vue-share-buttons - Vue.js 组件，用于在您的项目中放置按钮，您可以使用这些按钮分享任何内容
  • vue-share-it - 一个 Vue.js 组件分享社交网络链接
  • vuesocial - 🧞‍♀️🧞‍♂️ 一个易于使用的 Vue.js 按钮组件，支持 65 多个社交网络。
  • vue-socials - 💬 Vue.js 的社交媒体分享按钮和计数。
  • vue-share-modal - 适用于 Vue 3 的纯净、轻量且美观的分享模式。

QR 码 ​

  • vue-qriously - 一个 Vue.js 2 组件，使用 qrious 在 HTML Canvas 上绘制二维码。
  • vue-qart - vue 2.x 中针对 qart.js 的指令。
  • vue-qrcode-reader - 一组用于检测和解码二维码的 Vue.js 组件。
  • vue3-qr-reader - 一个 Vue 3 二维码阅读器组件。重构 vue-qrcode-reader 以兼容 vue 3。
  • qrcode.vue - 一个用于生成二维码的 Vue.js 组件。同时支持 Vue 2 和 Vue 3。

Released under the MIT License. (dev)

Vite 官方中文团队。