# 前端框架与文档
- 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 配置
- React (opens new window)
- 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) 一款快速、简洁且高效的无后端评论系统
- ts 学习 (opens new window)
- Vue:scoped 与 module 的使用与利弊 (opens new window) scoped 与 module 的使用对比
- f2elint (opens new window) eslint 规范
# UI 组件库
- Bootstrap (opens new window)
- Bootstrap-Vue (opens new window)
- Element UI (opens new window)
- Element Plus UI (opens new window)
- 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 组件库
- TDesign (opens new window) 腾讯出品 UI 组件
- arco.design (opens new window) 字节出品 UI 组件
- DataV (opens new window) 大屏、全屏专用
- Vant (opens new window) 一个轻量、可靠的移动端组件库
# 微信小程序 / 跨端
- uni-app (opens new window)
- mpvue (opens new window) 一个使用 Vue.js 开发小程序的前端框架
- Lin UI (opens new window) 一款优秀的微信小程序 UI 框架
- wxutil (opens new window) 一款好用的微信小程序工具库
# 通用在线工具
- nginx 可视化配置工具 (opens new window)
- 正则可视化 (opens new window)
- iHateRegex (opens new window) 正则搜索，细节做得很好
- json 工具 (opens new window) json 在线解析及格式化验证
- BootCDN (opens new window)
- jsDelivr (opens new window) 国外一家优秀的公共 CDN 服务提供商
- unpkg (opens new window) CDN 服务
- Google 趋势 (opens new window) 查看某项技术或关键字的热度趋势，可用于分析某项技术的发展前景，或对比某两项技术的热度
- 百度指数 (opens new window) 同上，但百度的数据仅限国内
- 3D 地球 (opens new window)
# 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) 百度图表
- validator.js (opens new window) 验证库
- alova (opens new window) 轻量级请求策略库
- docx-preview (opens new window) word 预览组件
- Headroom.js (opens new window) 为页面顶部多留些空间，在不需要页头时将其隐藏
- SuperSlide.js (opens new window) 解决网站大部分特效展示问题（焦点图/幻灯片、Tab 标签切换、图片滚动、无缝滚动）
# Vue 生态插件
- pinia (opens new window) vue 的全局状态管理器，即 Vuex5
- vue-request (opens new window) 为开发人员提供便利、快速的方式管理 API 状态
- 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 组件
# 编辑器
- Monaco Editor (opens new window) 浏览器代码编辑器
- wangEditor (opens new window) 开源 Web 富文本编辑器
- 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 编辑器
# CSS 相关
- You-need-to-know-css (opens new window) CSS 的各种 DEMO，很全
- animista (opens new window) CSS 动画可视化工具，复制代码就能用
- navnav (opens new window) 各种炫酷的 CSS 动画组件
- windicss (opens new window) 下一代工具优先的 CSS 框架
- CSS triangle generator (opens new window) 帮你快速用 css 做出三角形
- clippy (opens new window) 在线帮你使用 css clip-path 做出各种形状的图形
- cssicon (opens new window) 所有的 icon 都是纯 css 画的，缺点：icon 不够多
# 动效与轮播组件
- Animate.css (opens new window) 动画库
- Swiper (opens new window) 轮播组件
- mescroll (opens new window) 下拉刷新和上拉加载框架 - 基于原生 JS
- scrollrevealjs (opens new window) 滚动加载
- H5 带笔锋手写签名，支持 PC 端和移动端 (opens new window)
- visualization-collection (opens new window) 一个专注于前端视觉效果的集合应用，包含各种丰富的 css 动效、canvas 动画等上百个案例，开源免费
# 图片处理工具
- tinypng 图片压缩 (opens new window) 压缩 png 很有用（要求图片不超过 5MB）
- 微图 (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 抠图
# 免费素材（图片 / 插画 / 壁纸）
- Pexels (opens new window) 高清免费图片
- Unsplash (opens new window) 高清免费图片
- freepik (opens new window) banner 图库
- 觅元素 (opens new window) 一天免费下载十张 psd（免抠元素）
- Lorem Picsum (opens new window) 提供免费的占位图
- wallhaven (opens new window) 壁纸网站
- 卡通头像生成器 (opens new window) 上传真人头像生成卡通头像
- Undraw (opens new window) 免费的矢量插画
- Manypixels (opens new window) 插画
- storytale (opens new window) 插画，种类丰富，包含 3D 插画
# 设计（配色 / 图标 / Logo / 在线设计）
# 配色
- coolors (opens new window) 帮你在线配色的网站，能找到不少配色灵感
- colorhunt (opens new window) 另一个配色网站
- uigradients (opens new window) 渐变色生成工具
- Flat UI 色表 (opens new window) Flat UI 色表
- 0to255 (opens new window) 颜色梯度
- colorkitty (opens new window) 从你的图片中提取配色
- nord (opens new window) 北欧性冷淡风主题配色
# 图标
- iconfont 阿里巴巴矢量图标库 (opens new window)
- remixicon (opens new window) 又一个提供免费图标 icons
- feather (opens new window) 免费的 icons
- icomoon (opens new window) 矢量图标库
- Ikonate (opens new window) 提供免费的图标 icons
# Logo
- 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 制作网站，更简单，选模板之后微调
# 在线设计与灵感
- 创造师导航 (opens new window)
- 设计师网址导航 (opens new window)
- Canva 可画 (opens new window) 生成插画、封面、海报、头像等
- designcap (opens new window) 在线海报设计
- 搞定设计 (opens new window) 可以抠图
- dribbble (opens new window) 经常能找到很多有创意好看的 gif 或图片
- 站酷 (opens new window) 国内优秀的设计作品展示
- 花瓣 (opens new window)
- UI 中国 (opens new window)
- 虎克 (opens new window) ps 学习教程
- design.youzan (opens new window) 有赞设计原则
- 404 页 (opens new window) 404 页素材
- beTheme (opens new window)
# 中后台 / 低代码
- JeecgBoot (opens new window) 一款基于 BPM 的低代码平台，前后端分离架构 SpringBoot 2.x、SpringCloud、Ant Design & Vue、Mybatis-plus、Shiro、JWT，支持微服务，代码生成器让前后端代码一键生成
- jeecg-Boot 在线演示 (opens new window) 企业级低代码平台
- VbenAdmin (opens new window) 一个基于 Vue3.0、Vite、Ant-Design-Vue、TypeScript 的后台解决方案
- NaiveUiAdmin (opens new window) 一个基于 vue3、vite2、TypeScript 的中后台解决方案
← 常用网址 claude code配置 →