Vue3 Core Hub

切换主题

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 的表单、表格和分页组件组合在一起。基于 Vue 2.x。(详情)
  • vue-crud-x - 使用 Vuetify 布局的可扩展 crud 组件，除了通常的页面、排序、过滤外，还能够进行嵌套 CRUD、自定义表单、过滤器、操作。
  • Vue Datatable - VueJS 驱动的数据表格，带有 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，使 crud 变得简单
  • 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 的高度可定制的表格 UI 组件库。功能丰富，更高效，易于使用
  • vue-sorted-table - 一个将表格转换为可排序表格的插件。支持嵌套对象键、自定义图标和可重用组件。
  • vue-bootstrap4-table - 基于 Vue 2 和 Bootstrap 4 的高级数据表格，包括多列过滤、多列排序、分页和信息、复选框行和高度可定制的插槽选项。
  • vuejs-smart-table - 直接使用 vanilla HTML 表格结构的 Vue 组件，具有开箱即用的排序、过滤、分页和选择功能。
  • @myena/vue-table - 用于客户端/服务器数据处理的表格组件。过滤、排序、分页、分组、展开详情行。通过过滤器、标题、列、分页、详情行的插槽高度可定制
  • @alfsnd/vue-bootstrap-select - bootstrap-select 的 Vue 版本。
  • vue-jd-table - Vue 2 的高级灵活数据表格组件。功能丰富：搜索、过滤、导出、分页（传统和虚拟滚动）等等！
  • iview-table-page - 将 iview UI 的表格和页面组件组合在一起。基于 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 的 Vue 2.x 响应式网格系统
  • vue-js-datatable - datatables.net 的 VueJS 轻量级包装数据表格组件
  • bee-grid-table - BeeGridTable 是一个基于 Vue.js 的高度可定制的表格 UI 组件库。功能丰富，更高效，易于使用
  • vue-datagrid - 强大的 webcomponent revo-grid 的 Vue 网格包装器，具有 Excel 般丰富的编辑和行为
  • element-ui-sticky-table - element-ui 表格的粘性
  • ej2-vue-grids - Syncfusion Vue Grid - 快速且功能丰富的组件
  • vue-dataset - 一组 Vue.js 组件，用于显示具有过滤、分页和排序功能的数据集
  • jz-gantt - 高性能 Vue Gantt 组件，包括高度可定制的表格列、动态更新数据、自由拖动进度条、切换标题等。
  • vue3-easy-data-table - 一个易于使用的数据表格组件，使用 Vue.js 3.x 制作，参考了 Vuetify 2 中数据表格组件的 API 和 UI
  • lv2-datatable - 将 Laravel 数据表格与您的 Vue 应用集成，无需使用 JQuery
  • el-col-group - element 表格的强大灵活列
  • tanstack-table - 用于构建强大表格和数据网格的无头 UI
  • vuetify-drilldown-table - Vuetify Drilldown Table 是一个强大的组件，增强了 Vuetify 框架的 v-data-table 和 v-data-table-server 的功能。它提供了递归表格结构，允许您以嵌套格式显示层次结构数据

通知 ​

烤面包机 / 小吃栏 — 用无模式临时小弹出窗口通知用户

加载器 ​

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

进度条 ​

页面顶部的细长进度条

工具提示 ​

工具提示 / 弹出框

  • v-tooltip - Vue 2.x 的简单工具提示。
  • vue-popper-component - Vue.js 的 Popper.js 指令。
  • vue-directive-tooltip - 简单灵活的工具提示指令（基于 Popper.js）VueJS 2
  • vue-popperjs - VueJS 2.x 弹出框组件
  • 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 - 由 Popper.js 驱动的 Vue 2 & 3 Popper 钩子
  • vue-follow-tooltip - Vue 3 的小型工具提示指令
  • Tippy.vue - 无嵌套的 Tippy.js 指令/组件，用于 Vue 3。无需结构或样式更改的插入式添加。支持单个和单例工具提示
  • vue-popper-lite - 基于 popper.js tree shaking 的弹出框组件，用于用 TypeScript 编写的 Vue 3

覆盖层 ​

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

  • vuedals - VueJS (2.x) 插件，用于具有单个组件实例的多个模态窗口。
  • sweet-modal-vue - 模态框最甜蜜的库。现在可用于 Vue.js。
  • vue-js-modal - 简单易用，高度可定制，移动友好的 Vue.js 2.0+ 模态框，0 依赖。
  • vudal - vue.js 的模态窗口
  • vodal - 带有动画的 vue 模态框。
  • vue-image-lightbox - Vue 图像灯箱/画廊，用于漂亮地显示图像。
  • vue2-simplert - Vue 2 简单警报组件（灵感来自 SweetAlert）由 Irfan Maulana
  • Vue-Semantic-Modal - Vue 2 Semantic-UI 模态组件，无 jQuery 依赖
  • v-img - 易于安装的图像画廊。
  • vue-dialog-drag - 可拖动的对话框
  • vue-ya-semantic-modal - 另一个 Vue2 的 semantic-ui 模态组件，无 Jquery 但有 Vue 过渡
  • vue-pure-lightbox - 非常简单的灯箱插件，无任何依赖 - 只有 Vue！
  • v-viewer - vue2 和 vue3 的图像查看器组件，支持旋转、缩放、缩放等，基于 viewer.js
  • vue-messagebox - Vue 上简单且定制的消息框组件。
  • vuejs-dialog - 轻量级、基于 Promise 的警报、提示和确认对话框。
  • @hscmap/vue-window - vue2 的窗口 UI 组件。
  • vue-gallery - VueJS 响应式和可定制的图像和视频画廊、轮播和灯箱，针对移动和桌面网络浏览器进行了优化。基于 blueimp-gallery
  • vue-swal - 用于将 SweetAlert 集成到 Vuejs 的小包装器。（兼容 SSR）
  • vue-modal-dialogs - 将您自己的对话框 Promise 化！
  • vue-img-view - Vue.js 插件，您可以在任何地方拖动/查看/旋转图片
  • vue-modaltor - vuejs 最先进的可配置模态组件
  • v-modal-backdrop - Vue 的简单通用背景组件
  • vue-cute-modal - Vue 应用程序的简单易用的 Modal 组件。
  • v-dialogs - 基于 Vue2.x 的简单强大的对话框，包括 Modal、Alert、Mask 和 Toast 模式
  • vue-gallery-slideshow - VueJS 的响应式画廊组件
  • vue-a11y-dialog - Vue.js 组件包装器，用于可访问的对话框 a11y-dialog。
  • vue-slideout-panel - VueJS 的可堆叠面板组件
  • v-gallery - Vue2 插件，用于在 gallery 或 carousel 中显示图像
  • vue2-image-loader - vue2 的图像懒加载加载器组件
  • 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 - 一个可定制、可堆叠和轻量级的模态组件，遵循 W3C 的 WAI-ARIA Dialog (Modal) 部分设置的指南
  • vue-final-modal - Tailwind 友好、高度可定制、可堆叠的模态组件
  • vuesence-modal-window - 简单的 Modal 窗口 Vue.js 组件，负责覆盖、居中、动画、外部点击/Escape 键/X-mark 关闭，让您只专注于其内容
  • ej2-vue-popups - 带有智能定位的 Vue 工具提示和弹出框组件
  • vue-it-bigger - Vue.js 的简单图像 / (YouTube) 视频灯箱组件
  • v3confirm - 专为 Vue 3 设计的插件，用于显示确认对话框模态框
  • vue3-promise-dialog - 让您轻松在 Vue 3（组合或选项 API）中创建基于 Promise 的对话框
  • vue3-side-panel - Vue 3 的易于使用且灵活的模态侧边栏组件
  • vuejs-confirm-dialog - 在 Vue.js 中创建、重用、承诺化和构建模态对话框链的简单方法
  • @kolirt/vue-modal - 简单的 Vue 3 模态包
  • 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 Team 的 Vue 图标集组件。
  • vue-ico - Vue 的简单图标，具有浏览器支持和选择性捆绑
  • mdi-vue - Vuejs 的 Material Design Icon 组件
  • vue-fontawesome - Font Awesome 5 Vue 组件
  • g-icon - 用于您的 svg 图标的简单图标组件（与 Font Awesome 类似的字体工具包兼容）
  • vue-simple-line-icons - Vuejs 的 Simple Line Icons 组件
  • vue-country-flag - 国家国旗图标的 Vue 组件
  • vicon - Vicon 是 vue 的简单 iconfont 组件。
  • md-svg-vue - Google 的 Material Design Icons，用于 Vue.js 和 Nuxt.js（服务器端支持（带缓存），内联 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 SVG 图标的 Vue 组件
  • 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 - 来自最流行的图标库的超过 11,000 个图标（Bootstrap、Font Awesome、Feather 等）
  • veemoji - Veemoji 是一个非常简单的 emoji 作为 Vue 2 的组件

跑马灯 ​

菜单 ​

加减输入 ​

轮播 ​

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

Copyright © 2026 V3Hub | 粤ICP备12345678号