Vue3.0 300个实用小工具
Vue3
UI库/相关工具/可视化/生态全分享
技术胖整理分享
1.Web UI库
1. ElementUI Plus
一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库
https://element-plus.org/zh-CN/
2. Ant Design of Vue
Ant Design 的 Vue 实现,开发和服务于企业级后台产品
https://www.antdv.com/docs/vue/introduce-cn
3. BalmUI
基于谷歌的 Material Design,附带 Vue 插件和指令,以及从简单到复杂的高度可定制组件
https://next-material.balmjs.com/
4. Naive UI
图森Vue3的组件库,文档完整,我项目中经常使用
https://www.naiveui.com/zh-CN/os-theme
5. arco.design
字节跳动企业级产品设计系统,支持React和Vue双版本
https://arco.design/
6, Quasar
轻松构建高性能和高质量的Vue.js 3用户界面,好用,但没有中文文档
https://quasar.dev/
7. iDUX
Vue3.x 的 UI 组件库,完全使用 TypeScript 开发
https://idux.site/
8. TDesign
腾讯业务团队在服务业务过程中沉淀的一套企业级设计体系
https://tdesign.tencent.com/
https://tdesign.tencent.com/vue-next/overview
9. PrimeVue
易于使用、多功能、高性能的 Vue UI 组件库
https://www.primefaces.org/primevue/
10. DevUI
华为基于 Vue3 和 DevUI 设计的 UI 组件
https://vue-devui.github.io/
11. vuestic-ui
Vue 3 的免费和开源 UI 库 ,UI非常好看,并且有可用后台管理界面。
https://vuestic.dev/
12. Headless UI
完全无样式、完全可访问的 UI 组件,旨在与 Tailwind CSS 完美集成。
https://headlessui.com/
13. View UI Plus
基于 Vue.js 3 的企业级 UI 组件库和前端解决方案
https://www.iviewui.com/
2.移动UI库
14. Vant
有赞轻量、可靠的移动端组件库
https://vant-contrib.gitee.io/vant/#/zh-CN
15. NutUI
京东风格的轻量级移动端 Vue 组件库,非常适合移动端电商使用。
https://nutui.jd.com/#/
16. Varlet
Material 风格移动端组件库 ,文档非常齐全。
https://varlet.gitee.io/varlet-ui/#/zh-CN/home
17. nutui-bingo
京东基于 NutUI 的抽奖组件库,助力营销活动和小游戏场景。
https://nutui.jd.com/bingo/#/
3.相关工具
18. unplugin-vue-components
antfu 按需组件自动导入,开箱即用地支持 Vue 2 和 Vue 3,Tree-shakable,只注册你使用的组件,附有流行UI 库的内置解析器。
https://www.npmjs.com/package/unplugin-vue-components
19. vuex-persistedstate
在页面重新加载之间保持并重载您的 Vuex 状态
https://github.com/robinvdvleuten/vuex-persistedstate
20. vuex-persist
支持 Typescript 的Vuex插件,它能够将应用程序的状态保存到持久存储中,例如 Cookies 或 localStorage
https://championswimmer.in/vuex-persist/
21. @vueuse/gesture
手势库,使应用程序具有交互性
https://gesture.vueuse.org/
22. unplugin-auto-import
antfu 自动导入 Vite、Webpack、Rollup 和 esbuild 的 API。支持 TypeScript。
https://github.com/antfu/unplugin-auto-import
23. pinia-plugin-persistedstate
Pinia 商店的可配置持久性
https://github.com/prazdevs/pinia-plugin-persistedstate
24. https://vue-termui.dev/
一个基于 Vue.js 的终端 UI 框架,可让您轻松构建现代终端应用程序
https://vue-termui.dev/
4.可视化
25. Pdfvuer
DF 查看器,使用 Mozilla 的 PDF.js,支持 Vue2 和 Vue3
https://arkokoley.github.io/pdfvuer/
26. vue3-marquee
无缝滚动组件
https://vue3-marquee.vercel.app/
27. Vue-ECharts
百度ECharts 的 Vue.js 组件。 配置参考Echarts官方 基于 ECharts v5+ 开发,适用于Vue.js 2/3。
https://vue-echarts.dev/
28. iconpark
字节跳动出品,将一个SVG图标转化为多个主题,并生成React图标,Vue图标,svg图标
https://iconpark.oceanengine.com/home
5.插件
29. vue-multiselect-next
Vue.js 的通用选择/多选/标记组件
https://vue-multiselect.js.org/
30. vue-print-nb
用于印刷、简单、快速、方便、轻便的指令包装器
https://github.com/Power-kxLee/vue-print-nb
31. vue-i18n-next
Vue3的国际化插件
https://vue-i18n.intlify.dev/
32. vue-cropper
简单的vue图片裁剪插件
http://github.xyxiao.cn/vue-cropper/example/
33. Vue Grid Layout
Vue.js 的网格布局系统
https://jbaysolutions.github.io/
34. Vue Qrcode Reader
允许在不离开浏览器的情况下检测和解码二维码
https://gruhn.github.io/vue-qrcode-reader/
35. Makeit Captcha
基于 Vue3 + Vite + Canvas 开发的滑块验证码,动态生成验证滑块,结合后端的二次校验,能有效的避免被抓取模拟验证https://admin.makeit.vip/components/captcha
36. vue3-clipboard
Vue 3 的 clipboard.js
https://github.com/soerenmartius/vue3-clipboard
37. vue.draggable
基于Sortable.js的Vue 3拖放组件
https://sortablejs.github.io/vue.draggable.next/#/simple
38. BetterScroll
解决移动端(已支持 PC)各种滚动场景需求的插件。
https://better-scroll.github.io/docs/zh-CN/
6.相关生态
39. Vue 插件库
https://www.vue365.cn/
40. Pinia
轻量级状态管理库,API 设计更接近Vuex 5的提案
https://pinia.vuejs.org/
41. Nuxt Modules
Nuxt 发现我们的模块列表以增强您的Nuxt 项目
https://modules.nuxtjs.org/
42. Nuxt 3
轻量级应用框架,可用来创建服务端渲染 (SSR) 应用
https://v3.nuxtjs.org/
43. vuepress
Vue 驱动的静态网站生成器
https://v2.vuepress.vuejs.org/zh/
44. VueUse
强大的 Vue 组合实用程序集合
https://vueuse.org/
7.动画
45. vue-starport
带有动画的跨路由共享组件
https://vue-starport.netlify.app/
46. @vueuse/motion
Vue Composables 让你的组件动起来
https://motion.vueuse.org/
8.音视频
47. @vueuse/sound
用于播放音效的 Vue 组合
https://sound.vueuse.org/
XMind: ZEN - Trial Version
Vue3.0 300个实用小工具相关推荐
- WPF开发的实用小工具 - 快捷悬浮菜单
WPF开发的实用小工具 - 快捷悬浮菜单 ❝ 本文由网友投稿,Dotnet9站长整理.站长觉得这小工具很实用,站长家里.公司也在尝试使用了. 行文目录: 这工具有什么用? 正文 源码获取及应用下载体验 ...
- 【实用小工具】开发一个网页版LED点阵绘图模拟器
LED点阵显示控制实验,始终是微机系统.单片机控制等硬件实验中重要的一节. 实验内容包括控制显示,图案位置计算,完整图案设计等等步骤.其中完整图案的设计尤其是复杂图案或汉字总是需要手动计算位置,非常的 ...
- Unity实用小工具或脚本—以对象方式访问MySql数据库
一.前言 以对象方式处理MySql数据库顾名思义就是可以将每个数据库表作为一个类,没一条数据作为一个对象来进行操作,大致思路和我上一篇文章类似,这里不再赘述.文章后有资源下载地址,所使 ...
- python最简单的语言_Python语言的简单实用小工具
本文主要向大家介绍了Python语言的简单实用小工具,通过具体的内容向大家展示,希望对大家学习Python语言有所帮助. 在python进行自动化编写的过程中,常常需要造一些数据,比如,获取随机的合法 ...
- [AI创造营]Wechaty实用小工具---九宫图爱心生成器~
[AI创造营]Wechaty实用小工具-九宫图爱心生成器~ 项目地址: https://aistudio.baidu.com/aistudio/projectdetail/2300569 背景 跟随抖 ...
- [AI创造营]Wechaty实用小工具---证件照助手
[AI创造营]Wechaty实用小工具-证件照助手 项目地址: https://aistudio.baidu.com/aistudio/projectdetail/2253862 你是否苦恼于没有条件 ...
- 微软出品的实用小工具
微软出品的实用小工具 分享一些微软出品的实用小工具,希望对大家有所帮助. 文章目录 微软出品的实用小工具 SysinternalsSuite常用工具 Autoruns procdump Process ...
- 最火Python3 玩转实用小工具
课程目录: 第1章 课程介绍 介绍课程的主要内容,课程内容安排. 1-1 最火python3玩转实用小工具课程导学. 第2章 自主研发-购书比价工具 首先做好知识储备,讲解JSON.xpath.re ...
- 分享一款绘制时序图的实用小工具
转自 | 果果小师弟 今天分享一款实用小工具:WaveDrom,它是一个免费开源的在线数字时序图渲染引擎.它可以使用JavaScript, HTML5和SVG来将时序图的WaveJSON描述转成SVG ...
最新文章
- ALD对照CVD淀积技术的优势
- python创建scrapy_Python爬虫教程-31-创建 Scrapy 爬虫框架项目
- 《ORACLE PL/SQL编程详细》,游标 ,函数,触发器。。
- 深度学习实现场景字符识别模型|代码干货
- Node.js HTTPS
- Hadoop_NameNode_代码分析_目录树(2)
- ASP.NET Core Web服务器 Kestrel和Http.sys 特性详解
- linux脚本登录启动失败,linux – 在X上运行shell脚本失败登录尝试
- java中exception作用_java中的异常Exception的划分,以及他们的特性。
- 从神话诗歌到奇幻科学的人类探索史·《月亮》·总篇(有配图)
- 立创 EDA #学习笔记10# | 常用连接器元器件识别 和 蜂鸣器驱动电路
- jmeterweb登陆测试_JMeter (2) —— JMeter与WebDriver测试用户登陆以CAS SSO为例(101 Tutorial)...
- 计算机协会维修照片,照片门事件后,当年那个毁了陈冠希的电脑修理员,如今变成这样!...
- angular中运用防抖功能
- 3D Instance Embedding Learning With a Structure-Aware Loss Function for Point Cloud Segmentation
- 数据小助手:DataAssistant开篇
- 详解微信「看一看」多模型内容策略与召回
- python 定时器 队列(5)
- AT集团军会战小程序
- 【opencart3源码分析】文件缓存类file.php