记录几个看起来不还错的vue组件和工具

宋宋445
974 阅读6分钟

#记录几个看起来不还错的vue组件和工具，大部分记录来源madewith.cn/ 有些是自己项目中用的，感觉还比较不错的

  1. madewith.cn/644 Vue电话号码输入框(PhoneNumber Input)是一个用于格式化和验证电话号码输入框组件。主页 louismazel.github.io/vue-phone-n…

  2. madewith.cn/634 Vue 密码强度测试器(Password Strength Meter)是一个基于zxcvbn的交互式密码强度测试组件。主页 apertureless.github.io/vue-passwor…

  3. madewith.cn/538 Vue H5 Swiper是一个H5移动滑块组件，适用于H5应用程序，轻量。主页 edgarallanzp.github.io/vue-h5-swip…

  4. madewith.cn/496 vue Devtools是一个Vue的调试工具浏览器扩展，用于调试Vue.js应用程序。

  5. madewith.cn/489 智能页面尺(Smart Page Ruler)是一个用于测量网页上元素的浏览器扩展，一个开发人员工具，可以更精确地测量网页中的每个元素。

  6. madewith.cn/486 CKEditor 5是一个基于Vue的富文本编辑框组件，易于定制，具有现代UI和基于插件的模块化体系结构，提供了原生的CKEditor 5 Vue.js集成。主页 ckeditor.com/ckeditor-5/…

  7. madewith.cn/427 Vue Echarts是一个Vue.js的ECharts图表组件，是对EChart的封装。

  8. madewith.cn/390 Vue 时间轴(Timeline)是一个基于vue.js的漂亮易用的时间轴组件，用于构建精美的响应时间线。主页 www.growthbunker.dev/vuetimeline…

  9. madewith.cn/381 Vue Awesome Swiper Vue Awesome Swiper是一个Swiper的Vue适配组件。 "swiper": "^4.5.1",配合"vue-awesome-swiper": "^3.1.3",主页 github.surmon.me/vue-awesome…

  10. madewith.cn/362 OverVue 面向Vue开发者的原型设计工具，主页 www.overvue.io/

  11. madewith.cn/313 Vue Awesome 基于 Vue.js 的强大 SVG 图标组件，内置Font Awesome 图标。主页justineo.github.io/vue-awesome…

  12. madewith.cn/293 Vue Kinesis 是一个交互式动画组件，用于创建交互式动画（微交互、视差效果、嵌套动画...）。主页 www.aminerman.com/kinesis/

  13. madewith.cn/282 Vueper Slides是一个幻灯片/轮播组件,适用于Vue.js的触摸就绪且响应灵敏的幻灯片/轮播。主页 antoniandre.github.io/vueper-slid…

  14. madewith.cn/205 Faviator是一个favicon生成器。使用Vue.js开发，简单易用。主页 www.faviator.xyz/

  15. madewith.cn/203 vuelidate是基于模型的简单、轻量级验证组件。与其他验证程序插件的最大区别是，验证完全与模板脱钩。主页 vuelidate.js.org/

  16. madewith.cn/201 V-Emoji-Picker是一个轻型表情符号选择器，可以在选择器组件中显示原生表情符号。

  17. madewith.cn/176 vue-fullpage.js是基于fullpage.js的Vue.js的官方组件，可以创建由部分和幻灯片组成的快照滚动站点，主页alvarotrigo.com/vue-fullpag…

  18. madewith.cn/143 Imagvue是一个图像处理组件，提供基本的图像处理，例如大小、模糊、对比度、灰度等，支持图像延迟加载，并且所有属性都可以与数据绑定。与其他验证程序插件的最大区别是，验证完全与模板脱钩。主页 n7ykx4rxyp.codesandbox.io/

  19. madewith.cn/100 Chatwoot是一个开源实时聊天软件。主页www.chatwoot.com/

  20. madewith.cn/73 vue-waterfall2是一个基于vue.js的瀑布流加载组件。主页codesandbox.io/embed/vue-t…

  21. madewith.cn/74 vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件，主页chenxuan1993.gitee.io/component-d…

  22. madewith.cn/71 Vue Lazy Component是一个Vue.js 2.x 组件级懒加载方案，支持 组件可见或即将可见时懒加载、 组件延时加载、 加载真实组件前展示骨架组件、 真实组件代码分包异步加载。主页xunleif2e.github.io/vue-lazy-co…

  23. madewith.cn/100 vue-element-admin 基于 vue 和 element-ui实现的后台前端解决方案，使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。主页panjiachen.gitee.io/vue-element…

  24. madewith.cn/63 ELADMIN 前端源码是eladmin项目的前端源码，基于Vue.js开发。主页el-admin.xin/dashboard

  25. madewith.cn/62 Vant是一个基于Vue.js轻量、可靠的移动端组件库，由有赞前端团队开发维护。主页youzan.github.io/vant

  26. madewith.cn/62 Vant是一个基于Vue.js轻量、可靠的移动端组件库，由有赞前端团队开发维护。主页youzan.github.io/vant

  27. madewith.cn/61 ddBuy是一个移动端开源电商项目，它基于 vue 2.x 和 vant 2.x实现，使用了最新的Vue全家桶技术栈，以及一些优秀的开源库如better-scroll、 moment.js、twix.js、pubsub-js。主页ddbuy.7-orange.cn/#/dashboard… www.jb51.net/article/175…

  28. madewith.cn/56 DataV是一个Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用。主页datav.jiaminghi.com/

  29. madewith.cn/728 Vue Spinner是一个使用Vue.js的加载Spinner的集合。主页youzan.github.io/vant

  30. madewith.cn/62 Vant是一个基于Vue.js轻量、可靠的移动端组件库，由有赞前端团队开发维护。主页greyby.github.io/vue-spinner…

  31. madewith.cn/8 vue-amap | 基于 Vue 2.x 与高德的地图组件。主页elemefe.github.io/vue-amap/#/

  32. madewith.cn/7 Vue2.0 和 echarts 封装的 v-charts 图表组件。主页v-charts.js.org/?from=madew…

其他：

  1. doc.ruoyi.vip/ruoyi-vue/ 基于SpringBoot、Spring Security、Jwt、Vue的前后端分离的后台管理系统

  2. www.bootcdn.cn/ 稳定、快速、免费的前端开源项目 CDN 加速服务，共收录了 4008 个前端开源项目

  3. www.tailwindcss.cn/docs/instal… Tailwind CSS 是一个用于快速 UI 开发的实用工具集 CSS 框架

  4. vuetifyjs.com/zh-Hans/fea… Vuetify 是建立在Vue.js之上的完备的界面框架。

  5. v1.iviewui.com/docs/guide/… View UI（即原 iView）面向中后台业务的一整套前端解决方案，包含了工程构建、主题定制、多语言等功能，极大提升了开发效率。

  6. www.antdv.com/docs/vue/in… Ant Design 的 Vue 实现，开发和服务于企业级后台产品。

  7. www.layui.com/ 原生Web UI 组件库

  8. d2-admin.netlify.app/#/index 优雅的中后台集成方案

  9. didi.github.io/mand-mobile… 面向金融场景的Vue移动端UI组件库

  10. cabloy.com/zh-cn/artic… CabloyJS是一款自带工作流引擎的Node.js全栈框架

  11. yuche.github.io/vue-strap/#… 使用Vue.js构建的 Bootstrap 组件。

  12. github.surmon.me/vue-video-p… Vue-Video-Player

  13. vue-meta.nuxtjs.org/ vue-meta 为单个页面设置head信息 seo vue-meta教程：segmentfault.com/a/119000001…

  14. github.surmon.me/vue-quill-e… vue-quill-editor 富文本

  15. tinymce.ax-z.cn/ TinyMCE：功能强大、所见即所得的富文本编辑器 使用：www.jianshu.com/p/ad02e71a4…

  16. momentjs.cn/ JavaScript 日期处理类库Moment.js

  17. dayjs.fenxianglu.cn/ Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

  18. isaaccambron.com/twix.js/doc… Twix.js是用于处理时间范围的 document/index_prod#/component/seamless-default vue-seamless-scroll Vue无缝滚动 插件

  19. git://github.com/ftlabs/fastclick.git astClick 是一个简单易用的库，它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 300ms 的延迟。目的就是在不干扰你目前的逻辑的同时，让你的应用感觉不到延迟，反应更加灵敏。

  20. vuejs-templates.github.io/webpack/ vue模板 该样板适用于大型的大型项目

  21. www.webgl3d.cn/threejs/doc…

  22. chenxuan1993.gitee.io/component-

  23. jsrun.net/square/hot 小闪电 - JSRUN可以用手机写代码的JS在线编辑器网站

  24. heymock.uneedcode.com/ HeyMock-在线模拟数据生成平台

图表：

  1. echarts.apache.org/zh/index.ht… 一个基于 JavaScript 的开源可视化图表库
  2. www.makeapie.com/explore.htm… Apache ECharts (incubating)相关作品
  3. antv.vision/zh 蚂蚁集团全新一代数据可视化解决方案
  4. observablehq.com/@d3/gallery d3使您的数据栩栩如生。
avatar
文章
阅读
粉丝