前端重磅推荐，不要错过啊（一）-阿里云开发者社区

vue-mdc-adapter -根据 MDC 团队[指南]的 Vue.js 的材料组件集成( https://github.com/material -components / material-components-web / blob / master / docs / integrating-into-frameworks.md)。

Material Components Vue - [material-components-web]的包装器( https://github.com/material-components/material-components-网络)的 Vue.js

VueFace -用于 Web 的 Vue.js 2.0 UI 组件库

vuesax -Vue.js 的前端 vue 组件。

vuecidity -Vue.js 2.0 的 UI 组件框架

ant-design-vue -基于 Ant Design 和 Vue 2.5.0 的企业级 UI 组件

heyui -( https://www.heyui.top/zh)-适用于 Web 的 Vue.js 2.0 UI 工具包。

Carvue.js -IBM 的 Vue.js 碳设计系统

BalmUI -Vue.js 的下一代 Material UI

Osiris UI -：art：一个 Vue.js 2.0 通用响应式 UI 组件库

N3-components -使用 Vue 2 构建的漂亮 Web 组件

碎片 Vue -✨ 基于 Bootstrap 4 框架的时尚＆UI 组件库。

基础 Vue -基于 SAP Fiori 基础的组件。

Framevuerk -🚀 快速，响应迅速，无依赖性，基于 Vue.js 的方向支持和可配置 UI 框架。

@ Carbon / vue -@carbon 团队的 Carbon Design System 组件。

NutUI -适用于移动网络的 Vue.js 2.0 UI 工具包

Inkline -Inkline 是用于 Vue.js 的现代 UI / UX 框架，旨在创建完美的响应式 Web 应用程序。

vue-awesome-mui -用于 Web 的 Vue.js 2.0 MUI 组件

MDBootstrap -基于最新的 Bootstrap 4 和 Vue 2.6.10 的强大 UI 工具包，提供了一组平滑的，响应式页面模板，布局，组件和小部件，以快速构建响应迅速，移动优先的网站和应用。

Framework7-Vue -使用 Framework7＆Vue 构建功能齐全的 iOS 和 Android 应用。

vux - [中文]基于 WeUI 的 Vue UI 组件。

vue-onsenui -使用 HTML5 和 JavaScript 的移动应用开发框架和 SDK。创建美观，高性能的跨平台移动应用程序。基于 Web 组件，并提供 Angular 1、2，React 和 Vue.js 的绑定。

Weex -Weex 提供了发布跨平台的功能，因此 Web，Android 和 IOS 应用程序可以使用相同的 API 开发功能。

weex-eros - [中文] Eros 是基于 Weex 和 Vue 的应用程序解决方案，使您能够使用 Vue 的 API，简单快速地开发 Vue 中小型应用程序。

mint-ui -Vue.js 的移动 UI 元素。

vant -来自 YouZan 的 Vue.js 2.0 移动用户界面。

cube-ui -Vue.js 编写的出色的移动 ui lib 实现 2。

mand-mobile -基于 Vue.js 2 的移动 UI 工具包，专为金融场景而设计。

vue-mdc -Vue.js 的 Material Components Web。

keen-ui -用 Vue 编写并受 Material Design 启发的基本 UI 组件的轻量级集合。

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 的高度可扩展的 Web 组件

guilhermewaess / SemVue -使用 Vue 2 实现的语义 UI 模块

office-ui-fabric-vue -Vue.js 的 Office UI Fabric 实现

vuestic-admin -带有自定义组件集合的 Vue Admin 仪表板。内置 Vue 2 和 Bootstrap 4

语义 UI Vue -Vue 的语义 UI 集成

vuesax -Vue.js 的前端 vue 组件。

Vue 的基本 JS 2 -功能齐全的 45+ Vue.js 组件，其中包括数据网格，图表，计划程序和图表组件等。

Banshee -一个几乎没有渲染的 Vue UI 组件和实用程序框架，没有 CSS。

vue-atlas -漂亮的 Vue 组件库。

DevExtreme Vue 组件 -65+响应迅速且功能完善的 Vue UI 组件，具有可自定义的 Material Design 和 Bootstrap 兼容主题。

jqwidgets -70 多个具有 Material Design 主题的 Vue.js 2.0 UI 组件。

vue-uix -Vue.js 中用于网页实现的 UI 集合

vuedarkmode -Vue.js 的极简暗设计系统 🎨

Kendo Vue 用户界面 –为业务应用程序构建的 70 多个 UI 组件，包括网格。对多种设计语言(包括材料设计和 Bootstrap)的支持完全响应。

Vuent -实现 Microsoft Fluent Design 的 Vue.js 组件

bpit / vue -专注于效果的 Vue 组件库

vue-tailwind -具有可自定义类的 Vue 组件可用于 TailwindCSS，但与任何框架兼容。

iView Vue 管理员 -iView Vue 管理员/基于 iView 2.x 的管理门户模板

element Vue Admin -element Vue Admin /基于 Element UI 2.x 的管理门户模板

vue-element-admin -基于 Element UI 2.x 的神奇 vue 管理员

D2 管理员 -vue 制作的优雅后台模板在线演示

rest-admin -基于 Vue 和 Bootstrap 4 的 Restful 管理面板在线演示

Shards Dashboard Lite Vue -✨ 现代管理模板，具有数十个自定义组件和模板。

Vue 材质管理员 -Vue 材质设计管理员模板

element-admin -使用 Vue CLI 3 和 element-ui 的简单而强大的 vue 管理员。

服务器端渲染

Nuxt.js -通用的 Vue.js 框架。

Ream -用于构建服务器呈现的静态网站的简约框架。

Universal vue -Vue CLI 插件，可轻松创建通用 Vue 应用程序

静态网站生成器

VuePress -简约的 Vue 驱动的静态网站生成器。

Peco -人类的静态网站生成器。未维护

Sabre -一个静态网站生成器，用于使用 Vue.js 构建快速的网站。

Gridsome -使用 Vue.js 构建超快速，现代化的网站

app-framework -具有 HTML 和 JavaScript 的 IOS 和 Android 应用程序-开发，构建和部署-免费和开源。

Myfirebase -一种已解耦的单页应用程序框架，该框架与 google firebase 高度兼容。

Vue-Access-Control 基于 Vue.js 的前端访问控制框架 2。

Basys 工具箱，用于构建完整的 Vue.js 应用程序

CabloyJS 基于 KoaJS＆EggJS＆VueJS＆Framework7 的终极 NodeJS 全栈业务开发平台

vue-shortkey -Vue-ShortKey-Vue.js 的插件。

vue-throttle-event -基于 requestAnimationFrame 的油门事件。

vue-waypoint -Vue 的 Waypoint 组件，这是滚动时触发功能的最简单方法。

vue-clickaway -可重用的 Vue.js 组件的可重用 clickaway 指令。

vue-scrollfire -在特定的滚动位置触发事件。

vue-resize-directive -Vue 指令可检测具有去污和节流能力的调整大小事件。

v-click-outside -Vue 指令对元素外部的点击做出反应，而不会停止事件传播。

vue-outside-events -Vue 2.x 指令可帮助指定元素侦听发生在自身外部的特定事件。

vue-selectable -Vue 1.x / 2.x 指令可通过鼠标选择项目。

vue-click-helper -Vue2.x 指令可处理同一元素上的 click 事件和 dblclick 事件。

v-hotkey -Vue 2.x 指令，用于将热键绑定到组件。

vue-resize -Vue 2.x 组件可检测 DOM 元素的大小调整(基于事件/无 window.onresize)

vue-observe-visibility -使用 Intersection Observer API 的 Vue 2.x 指令可检测元素是否可见(在视口中是否被隐藏) CSS)。

v-dragged -用于拖动事件检测的 Vue 2.x 指令插件。

vue-esc -Vue.js 指令，可在转义键盘上添加文档事件监听器。

vue-global-events –使用 Vue 的事件修饰符处理全局事件(如快捷方式)的组件

vue-edge-check –检查浏览器边缘，以防止用`vue-router'滑动边缘时奇怪地触发过渡效果

vue-mutation-observer –使用 MutationObserver API 观察 DOM 中变化的简单而微小的指令

vue-scroll-show –如果用户在滚动后到达该元素，则显示该元素

vue-tabevents –其他打开的标签页之间易于通信

vue-visibility-trigger -👀 滚动到视图时以声明方式触发方法

响应式设计

vue-viewports -定义您的自定义视口，并在组件中使用它们。

vue 响应：Vue.js(2.x)指令用于隐藏/显示具有 Bootstrap 4、3 或自定义断点的 HTML 元素。

vue-match-media -Vue 2.x 兼容插件，提供一致，语义化的方法来使组件具有媒体查询意识。

vue-media-query-mixin -Vue 2 媒体查询 mixin 可以在组件 js 和组件模板中使用。与引导程序和可视化视口兼容。如果屏幕宽度为 xs，则返回 wxS；如果屏幕宽度为 sm，则返回 wSM。

vue-breakpoints -Vue 2 最小组件，用于显示和隐藏基于断点的元素。受到 Airbnb 的启发。

vue-mq -提供一些有用的工具，以语义和移动优先的 API(Vue 2.x)快速设置响应式设计

VueResizeSensor -支持调整大小事件的容器。

vue-breakpoint-component -用于组成 CSS 断点状态。

fine-mq -一个很好的 API，可以轻松地管理 JS 中的媒体查询，并且可以与 VueJS 作为插件进行一流的集成。

vue-response-components -使用


    ResizeObserver

创建响应组件。

vue-screen-size -可以轻松，被动地访问屏幕的宽度和高度。

vue-formly -JavaScript 支持的 Vue.js 表单。

vue-focus -用于可重用 Vue.js 组件的可重用 focus 指令。

vue-form-generator -Vue.js 的基于架构的表单生成器组件。

FormSchema Native -使用 JSON Schema 和 Vue.js 生成表单

ic-formly -由 vue-formly 提供支持的简单表单组件。

表单生成器 -基于 Json 模板的表单生成器，基于 Vue 和 Laravel。

vue-autofocus-directive -Vue 自动聚焦指令。

vue-awesome-form -一个 vue.js 组件，就像 json-editor

vue-form-components -带有验证的干净＆最小化 vue 表单元素

ncform -一种非常好的配置生成表单的方式

vee-validate -简单的 Vue.js 输入验证插件。

vue-rawmodel -Vue.js v2 的 RawModel.js 插件。表单验证从未如此简单。

vuelidate -针对 Vue.js 的简单，轻量级基于模型的验证。

simple-vue-validator -一个简单而灵活的 vue.js 验证器库。

vue-vform -Vue.js 2 表单组件，集成了 jQuery 验证和 Axios。

vue-form -Vue.js 的全面表单验证。

vuelidation -简单，功能强大的 vuejs 验证。

laravel-vue-validator -显示来自 laravel 验证规则的错误

vue-daval -超级 vue 数据验证器。简便，简单，准确。

willvalidate -Vue.js 的验证表单。

vue-m-validator -用于 VueJ 的模型数据验证库。

vue-isyourpasswordsafe -用 Vue 编写的小型实用程序，用于检查给定的密码是否已针对“我已被拥有” API 泄漏。

vue-form-send -用于从表单和原始验证发送数据的 Vue.js 指令

FormVuelar -考虑服务器端验证的 Vue 表单组件

vue-final-validate -根据我的开发经验，Vue 验证解决方案支持嵌套，异步。

vform -一种在 Vue 中处理 Laravel 后端验证的简单方法。

vue-not-visible -Vue 指令，用于从屏幕上小于断点的 dom(如 v-if)元素中删除。

vue-window-size -提供反应性窗口大小属性。

vue-sensitive-text -↔ 相对于其父节点的宽度缩放其子节点的组件

vue-chat-scroll -Vue.js 2.0 的自动滚动至底部指令。

vue-scrollto -添加了一个指令，该指令侦听单击事件并滚动到元素。

vue-next-level-scroll -一种基于组件且支持 SSR 的方法，可使用现代 Scroll Behavior API 进行平滑滚动

vue-scroll-sync -同步容器滚动位置的组件

v-scroll-lock -用于正文滚动锁定而不中断目标元素滚动的 Vue.js 指令

vue2-perfect-scrollbar -PerfectScrollbar 简约包装器

vue-scroll-to -添加了一个指令，该指令侦听单击事件并滚动到元素。

vue-scroll-progressbar -可自定义的组件，用于指示进度条中滚动的相对位置。

vue-backtotop -Vue.js 的 Back-to-top 组件，单击该组件可将页面滚动到顶部。

VBar -适用于 Vue.js 2x 的虚拟响应式跨浏览器滚动条组件。

Vuebar -使用本地滚动行为的自定义滚动条的 Vue 2 指令。轻巧，高性能，可定制且无依赖性。

vue-detached-scrollbar -一个简单的滚动条，可以从正在滚动的容器中分离出来。

vuescroll -基于 Vue.js 的滚动插件，用于统一 PC 和移动设备中的滚动。

vue-simplebar -Simplebar 插件的 Vue.js 包装器。

smooth-vuebar -平滑滚动条的 Vue 指令包装

vue-scrollview -一个组件，该组件利用作用域的插槽来检测 vue 组件何时进入和离开视口。

vue-scrollactive -根据视口中的当前部分在菜单项中添加一个活动类，单击菜单项时也会滚动到该部分。

vue-intersect -一个 Vue 组件，用于向 Vue 组件或 HTML 元素添加交集观察者。

vue-scrollmonitor -一个 Vue 插件，可在支持多种浏览器的情况下观看视口内部元素的可见性状态(使用提供/注入，因此兼容 vue@2.2 。X)

vue-stroll -适用于 Vue.js 2.x 的超棒 CSS3 列表滚动效果组件。

navscroll-js -在滚动时突出显示菜单项，并且在单击菜单项时也会滚动到某个部分。用作 vue 组件，vue 指令或与 vanilla js 一起使用。

vue-scrollwatch -一个轻便的插件，可检测滚动事件，在元素进入视口时自定义回调，将'scrollTo'api 暴露给特定元素。使用 vue 指令。

vue-check-view -一个检查元素是否在视口中的插件。快速，小型，无依赖性，实时演示。

vue-stickto -支持多个 DOM 节点的 vue 指令会自动粘贴到顶部

vue2-scrollspy -一个 scrollspy 插件和动画滚动到。

vue-scroll-behavior -自定义路线导航中的滚动行为。特别是哈希模式。

vue-scroll-stop -到达边缘时停止传播滚动。

vue-seamless-scroll -Vue.js 的简单无缝滚动。

vue-router -Vue.js 的官方路由器。

vue-router-storage -Vue.js 2 和 vue-router 2 的路由器存储和解决方案

vue-tidyroutes -分散的 vue-router 路由定义

vue-routisan -基于 Laravel 路由系统的 Vue 路由器的优雅路由定义

vue-error-page -提供路由器视图的包装器，使您可以显示错误页面而不更改 URL

vue-router-sitemap -通过 vue-router 配置生成 sitemap.xml

vue-smart-route -智能路由指令，可使用 Vue.js 制作具有智能外观的应用程序。

vue-router-lite -Vue.js 2 的基于组件的声明性路由器。

vue-lazyload -一个 Vue.js 插件，用于将图像或组件延迟加载到应用程序中。

vue-lazy-background-images -延迟加载 Vue 2 的背景图像。

vue-progressive-image -Vue 渐进式图像加载插件。

vue-l-lazyload -Vue.js v2.x +的 lazyload 插件。

vue-lazyload-img -专门针对移动浏览器进行了优化。支持 V2 和 v1。

vue-lazy-images -Vue 2.x 的 lazyload 图像插件。

v-lazy-img -Tiny(<0.6kb)指令，用于 Vue 2 的渐进式图像加载。

vue-clazy-load -使用 IntersecionObserver for Vue 2 的轻量级可转换图像延迟加载组件。

vue-lazy-this -使用 Intersection Observer API 的延迟加载组件。

v2-lazy-list -一个基于 Vue 2.x 的简单的延迟加载列表组件

pimg -一个用于延迟加载图像的简单渐进图像组件。

vue-tiny-lazyload-img -用于延迟加载图像的小尺寸 Vue.js v.2 +指令

vue-lazy-youtube-video -一个用于延迟加载 YouTube 视频的简单 Vue.js 组件。

lazyload-vue -适用于 vanilla-lazyload 的 Vue 插件。

vue-paginate -一个简单的 vue.js 插件，可对数据进行分页。

vue-pagination-2 -Vue.js 2 分页组件。

vuejs-uib-pagination -适用于 Vue.js 的最佳，完整的分页插件。受角引导分页启发。

vuejs-paginate -用于创建分页的 Vue.js(v2.x +)组件。

vue-pagination-bootstrap -一个 Vue.js(1.x＆2.x)服务器端分页组件，带有基于 Bootstrap 的模板

laravel-vue-semantic-ui-pagination -与 Laravel 和 Semantic-UI 一起使用的 Vue.js 2.x 分页。

vue-paginate-al -Vue 分页并返回您的数据。

vue-tiny-pagination -用于创建微小分页的 Vue 组件。

laravel-vue-pagination -适用于 Laravel 分页器的 Vue.js 分页组件，可与 Bootstrap 一起使用。

vue-lpage -低级 Vue 分页组件。

v 页 -一个简单的分页栏，包括基于 Vue2.x 的长度菜单，i18n 支持。

vue-smart-pagination -具有许多不错设置的任何数据的智能分页。

vue-paginatron -分页组件使用范围插槽道具构建，具有最大的灵活性。

vue-ads-pagination -使用 css 框架[tailwindcss]( https://tailwindcss.com/docs/what -is-tailwind /)

vue2-animate -Animate.css 的 Vue.js 2.0 端口。与 Vue 的内置转换一起使用。

animated-vue -一个 Vue.js 2.x 插件，可轻松使用 Animate.css 动画作为过渡。就像``一样简单！

vue-lottie -一个 Vue.js 2.x 插件，用于基于 bodymovin 渲染特效动画

Vueg -使 vue-router 具有过渡效果/为 webApp 提供转场特效的开源 Vue 插件

v-animate-css -最容易实现 Animate.css 的 Vue 2 指令

vue-mixin-tween -Mixin 工厂，它将补间值添加到动画的组件上下文中

v-odometer -轻松平滑地转换数字。使用此库可为您的应用程序提供平滑的动画，仅适用于数字。

vue2-transitions ✨ 可重复使用的 Vue 2 过渡组件

vue-overdrive Vue 应用程序的超级简单的魔术移动过渡 🎩

animated-number-vue 超级简单的数字动画方法。

vue-typed-js 集成了 Typed.js，可轻松创建打字动画。

vue-parent-change-transition 启用子组件在更改父组件时进行动画处理。

vue-smooth-reflow 响应数据变化而转换元素重排。

VueTween 允许组件补间其属性。

vue-slide-up-down 就像 jQuery 的


    slideUp


    slideDown

一样，但是对于 Vue！

vue-animejs Vue 的简单


    anime.js

指令。

Eagle.js Eagle.js 是 Vue.js 的基于 Web 的幻灯片框架。

vue-pose Pose for Vue 是一个声明式运动系统，结合了 CSS 过渡的简单性和 CSS 的强大功能和灵活性 JavaScript。

vue-slide-up-down-component 这是一个简单的界面，但是实现了非常灵活而强大的幻灯片动画 Vue！

femtoTween 具有一流 Vue 支持的简约(零深度，小于 1k)补间库

vue-sequential-entrance 插件，用于创建带有页面元素列表的优雅的连续动画入口。零努力。简单轻巧

vue-animate-scroll 一种超级轻量级的方法，可在元素滚动到视图中时向其添加 CSS 动画。

vue-svg-transition 创建 2 状态，SVG 驱动的过渡

vue-page-transition Vue.js 的简单路由/页面转换

vue-head -管理 head 标签的元信息，一种简单的方法。

vue-meta -在 Vue 2.0 组件中管理页面元信息。支持 SSR +流媒体。

vue-headful -从视图中设置文档``和 meta 标签。

vue-simple-headful -使用 vue.js 轻松设置元标记-具有 TypeScript 支持的更简单的


    vue-headful

替代方法。

vue-dom-portal -Vue.js 组件中 DOM 元素的转义口。

portal-vue -一个 Vue 插件，用于在 DOM 中的任何位置渲染组件的模板(在 virtualDOM 级别上有效，不会在 DOM 中移动节点)

vue2-filters -适用于 Vue 2. *的标准过滤器 Vue 1. *的集合。

vue-morphling -Vue 2 的标准和自定义过滤器的集合。

vue-currency-filter -轻巧且可自定义的 Vue 2 货币过滤器。

vue-trans -一个简单的过滤器，提供了与 Symfony trans 相似的翻译方式。

vue-string-filter -轻量级 Vue 2 字符串处理过滤器。

vue-units -在 Vue 2 中使用的方便的单位转换过滤器的集合。

vue-numeral-filter -过滤器的集合，允许在组件的模板部分内联使用 Numeral.js。

vue-filter-date-format -Vue 2 的简单日期时间过滤器。

vue-filter-pluralize -Vue 2 的简单复数过滤器。

vue-filter-date-parse -Vue 2 的简单解析日期时间过滤器。

vue-svgicon -创建 svg 图标组件的工具。(版本 2.x)。

vue-content-loading -Vue 组件可轻松构建(或使用预设)Facebook 之类的 SVG 加载卡。

vue-annotator -使用任何 SVG 元素(“ rect”，“ polygon”以及其他更多元素，即使包装了 HTML 元素如“ canvas”，也可以为页面添加注释)在


    foreignObject

中)

vue-svg-sprite -简单使用 SVG sprite(vue 2.x)的指令。

vue-svg-filler -用于自定义 svg 文件 🖍(vue 2.x)的 Vue 组件。

vue-resource-progressbar-interceptor -将进度条与所有请求联系在一起的拦截器，很明显，正在加载某些东西。

vue-images-loaded -Vue.js 2.0 指令可检测图像加载。

vue-visible -VueJS(2.x)的 v-visible 指令，类似于 v-show 但具有可见性。

vue-resize-sensor -用于检测容器大小的组件(基于事件)

v-blur -Vue 指令动态模糊元素

vue-async-methods -用于基于承诺的方法的帮助程序实用程序

vue-openseadragon -适用于 Vue.js 的 OpenSeaDragon 组件(缩放和平移)

vue-match-heights -指令将元素的高度设置为相同。

vue-conditional-attrs -用于条件渲染属性和指令的 Vue.js 组件

vue-cbsc -一个 Vue.js 2.x 组件，用于以编程方式混合，着色和转换颜色。

vue-spatialnavigation -用于空间导航(键盘导航)的 Vue 指令(Vue.js 2.x)

vue-lifecycle -Vue.js 生命周期指令。

vue-aspect-ratio -vue 的长宽比指令。

@ kooljay82 / vue-m-camera -为避免自动更改通过用户设备的相机拍摄的照片方向。

WebGL

vue-3d-model -Vue 组件中的 3D 模型查看器。

vue-pano -Vue 组件中的全景查看器。

vue-threejs -Three.js 的 Vue 绑定。

VueGL -Vue.js 组件通过 three.js 反应性地渲染 3D 图形

vue-vr -使用 Vue 构建 VR 应用程序的框架

vue-displacement-slideshow -一个 Vue.js 组件，可简化 Webgl 图像位移转换。

vue-fullscreen -用于全屏的简单 Vue 组件。

页面可见性

vue-page-visibility-awesome -易于配置的页面可见性 api 的 Vue 2.x 组件。

vue-authplugin -美观的 auth 控制插件，支持指令和原型方法。

vue-html-to-paper -Vue mixin 用于将 html 元素打印到纸张上。