# 常用工具
- lodash (opens new window)
- tinypng 在线图片压缩网站 (opens new window) ( 注：要求图片不超过 5MB )
- 工具大全 (opens new window) 在线工具箱
- 在线工具 (opens new window) 在线工具
- iconfont 阿里巴巴矢量图标库 (opens new window)
- nginx 可视化配置工具 (opens new window)
- 正则可视化 (opens new window)
- iHateRegex (opens new window) 正则搜索，细节做得很好
- BootCDN (opens new window)
- 高清免费图片 (opens new window)
- 高清免费图片 2 (opens new window)
- 3D 地球 (opens new window)
- Google 趋势 (opens new window) 查看某项技术或关键字的热度趋势，可用于分析某项技术的发展前景，或对比某两项技术的热度。
- 百度指数 (opens new window) 同上，但百度的数据仅限国内。
- jsDelivr (opens new window) 国外的一家优秀的公共 CDN 服务提供商
- unpkg (opens new window) cdn 服务
- json 工具 (opens new window) json 在线解析及格式化验证
- uni-app (opens new window) 一个使用 Vue.js (opens new window)开发所有前端应用的框架，可发布到 iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
- visualization-collection (opens new window) 一个专注于前端视觉效果的集合应用，里面包含各种丰富的 css 动效、canvas 动画等上百个案例，而且是开源免费的。
- pinia (opens new window) vue 的全局状态管理器。其实 Pinia 就是 Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字 Pinia。
- vue-request (opens new window) VueRequest 的目的是为开发人员提供一种方便、快速的方式来管理 API 状态
- mpvue (opens new window) mpvue 是一个使用 Vue.js 开发小程序的前端框架。
- windicss (opens new window) Windi CSS 是下一代工具优先的 CSS 框架。
- docx-preview (opens new window) words预览组件
# 文档
- Vue (opens new window)
- Vue API (opens new window)
- Vue Router (opens new window)
- Vuex (opens new window)
- Vue CLI (opens new window) vue.config.js 配置
- vuepress 文档 (opens new window)
- vuepress-默认主题配置 (opens new window)
- vuepress-markdown 语法 (opens new window)
- vuepress-theme-reco 文档 (opens new window)
- vuepress-theme-reco 主题样式修改 (opens new window)
- valine 评论系统 (opens new window) 一款快速、简洁且高效的无后端评论系统
- Linux 命令大全 (opens new window)
- Linux 命令手册 (opens new window)
- ts 学习 (opens new window)
- react (opens new window) react 官网
# UI 组件库
- Bootstrap (opens new window)
- Boostrap-Vue (opens new window)
- Element UI (opens new window)
- Element Plus UI (opens new window) 仅支持 vue3
- iView (opens new window)
- iView UI (opens new window) iView 升级版，可同时用
- Ant Design (opens new window) React UI 组件库
- Ant Design Vue (opens new window) React UI 组件库的 vue 版
- Naive UI (opens new window) 仅支持 Vue3
- React Bootstrap (opens new window) React UI 组件库
- MATERIAL-UI (opens new window) React UI 组件库
- DataV (opens new window) 大屏，全屏专用
- TDesign (opens new window) 腾讯出品 UI 组件
- arco.design (opens new window) 字节出品 UI 组件
# 移动端 UI 组件库
- Vant (opens new window) 一个轻量、可靠的移动端组件库
# 微信小程序
- Lin UI (opens new window) 一款优秀的微信小程序 UI 框架
- wxutil (opens new window) 一款好用的微信小程序工具库
# 轮子
- jeecg-Boot (opens new window) 企业级低代码平台
- VbenAdmin (opens new window) 一个基于 Vue3.0、Vite、 Ant-Design-Vue 、TypeScript 的后台解决方案
- NaiveUiAdmin (opens new window) 一个基于 vue3，vite2，TypeScript 的中后台解决方案
- H5 带笔锋手写签名，支持 PC 端和移动端 (opens new window)
- wangEditor (opens new window) 开源 Web 富文本编辑器
- alova (opens new window) 轻量级请求策略库
# 常用效果组件
- Animate.css (opens new window) 动画库
- Swiper (opens new window) 轮播组件
- mescroll (opens new window) 下拉刷新和上拉加载框架-基于原生 JS
# Js 工具类
- Lodash.js (opens new window) js 的工具库、语法糖
- Xterm.js (opens new window) 网页版的终端命令行
- Mock.js (opens new window) 生成随机数据，拦截 Ajax 请求
- moment.js (opens new window) 日期处理类库
- Day.js (opens new window) 处理日期
- Timeago.js (opens new window) 相对时间，如 N 小时前
- Echarts (opens new window) 百度图表
- Meditor.md (opens new window) 开源在线 Markdown 编辑器
- v-md-editor (opens new window) 开源在线 Markdown 编辑器
- mavonEditor (opens new window) 开源在线 Markdown 编辑器
- le-markdown-editor (opens new window) 开源在线 Markdown 编辑器
- viditor (opens new window) 开源在线 Markdown 编辑器
- validator.js (opens new window) 验证库
- SuperSlide.js (opens new window) 致力于解决网站大部分特效展示问题(“焦点图/幻灯片”“Tab 标签切换”“图片滚动”“无缝滚动”)
- Headroom.js (opens new window) 为页面顶部多留些空间。在不需要页头时将其隐藏。
- scrollrevealjs (opens new window) 滚动加载
- Monaco Editor (opens new window) 浏览器代码编辑器
# Vue 工具类
- vue-draggable (opens new window) 基于 Sortable.js 实现的 vue 拖拽插件
- vue-qr (opens new window) 文本转二维码
- vue-cropper (opens new window) 图片裁剪插件
- vue-lazyload (opens new window) 懒加载
- vue-simple-upload (opens new window) 上传组件
- vue-animate-onscroll (opens new window) 滚动动画
- vue-class-component (opens new window) 以 class 的方式写 vue 组件
# CSS
- You-need-to-know-css (opens new window) CSS 的各种 DEMO，很全
- animista (opens new window) CSS 动画可视化工具，复制代码就能用
- navnav (opens new window) 各种炫酷的 CSS 动画组件
# 图片工具
- tinypng 图片压缩 (opens new window) 压缩 png 很有用
- 微图 (opens new window) 浏览器端图片压缩，不会上传图片到服务器
- Squoosh (opens new window) 谷歌出品在线免费图片压缩工具（jpg、png 等,压缩效果比 tinypng 稍好）
- waifu2x (opens new window) 通过卷积网络放大图片
- vectorizer (opens new window) 真正的 png 转 svg 神器
- vectormagic (opens new window) png,jpg 等转换 svg 矢量图
- remove (opens new window) 在线 AI 抠图
- backgroundremover (opens new window) python 抠图
# 图库
- 免费素材图片 (opens new window) 免费素材图片
- uigradients (opens new window) 渐变色生成工具
- freepik (opens new window) banner 图库
- 觅元素 (opens new window)一天免费下载十张 psd（免抠元素）
- 搞定设计 (opens new window) 可以抠图
- 站酷 (opens new window) 国内优秀的设计作品展示
- 花瓣 (opens new window)
- 虎克 (opens new window) ps 学习教程
- beTheme (opens new window)
- UI 中国 (opens new window)
- wallhaven (opens new window) 壁纸网站
- 卡通头像生成器 (opens new window) 上传真人头像生成卡通头像
# 设计
- 创造师导航 (opens new window)
- 设计师网址导航 (opens new window)
- Manypixels (opens new window) 插画
- Undraw (opens new window) 插画
- storytale (opens new window) 插画，种类丰富，包含 3D 插画
- dribbble (opens new window) 经常能在上面找到很多有创意好看的 gif 或者图片
- Logojoy (opens new window) 使用 ai 做 logo 的网站，做出来的 logo 质量还不错。
- brandmark (opens new window) 另一个在线制作 logo 网站
- instant (opens new window) 又一个 logo 制作网站
- namecheap (opens new window)又一个 logo 制作网站
- logo-maker (opens new window) 又一个 logo 制作网站 这个更简单点 就是选模板之后微调
- coolors (opens new window) 帮你在线配色的网站 你能找到不少配色灵感
- colorhunt (opens new window) 另一个配色网站
- uigradients (opens new window) 渐变色网站
- designcap (opens new window) 在线海报设计
- Flat UI 色表 (opens new window) Flat UI 色表
- 0to255 (opens new window) 颜色梯度
- iconfont 阿里巴巴矢量图标库 (opens new window)
- Ikonate (opens new window) 提供免费的图标 icons
- remixicon (opens new window) 又一个提供免费图标 icons
- feather (opens new window) 免费的 icons
- nord (opens new window) 北欧性冷淡风主题配色
- Unsplash (opens new window) 提供免费的高清图片
- Pexels (opens new window) 提供免费的高清图片
- colorkitty (opens new window) 从你的图片中提取配色
- design.youzan (opens new window) 有赞设计原则
- iconfont (opens new window) 阿里巴巴矢量图标库
- undraw (opens new window) 免费的矢量插画
- icomoon (opens new window) 矢量图标库
- cssicon (opens new window) 所有的 icon 都是纯 css 画的 缺点：icon 不够多
- CSS triangle generator (opens new window) 帮你快速用 css 做出三角形
- clippy (opens new window) 在线帮你使用 css clip-path 做出各种形状的图形
- Lorem Picsum (opens new window) 提供免费的占位图
- Canva 可画 (opens new window) 生成插画、封面、海报、头像等
- 404 页 (opens new window) 404 页素材
# 进阶
- Vue:scoped 与 module 的使用与利弊 (opens new window) scoped 与 module 的使用对比
- f2elint (opens new window) eslint 规范
# 低代码
- JeecgBoot (opens new window) JeecgBoot是一款基于BPM的低代码平台！前后端分离架构 SpringBoot 2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服务。强大的代码生成器让前后端代码一键生成，实现低代码开发！