前端实用轮子

• lodash
• axios Promise based HTTP client for the browser and node.js
• qs url query参数解析
• js-cookie 操作cookie
• momentjs 时间/日期处理
• dayjs 时间/日期处理。比 momentjs 轻量，建议使用。
• date-fns manipulating JavaScript dates in a browser & Node.js.
• numeraljs 一个用于格式化和处理数字的javascript库
• color 用于不可变的颜色转换和对CSS颜色字符串的支持
• uuidjs JavaScript的RFC兼容UUID生成器
• uuid For the creation of RFC4122 UUIDs
• nanoid 字符串ID生成器。比 uuidjs 轻量，建议使用。
• filesize 提供了一种简单的方法来从数字（浮点数或整数）或字符串中获取人类可读的文件大小字符串
• uniq 数组去重。去重后元素顺序可能会变化。
• deep-equal
• cross-env: Run scripts that set and use environment variables across platforms.
• vconsole 腾讯出品，一个轻量、可拓展、针对手机网页的前端开发者调试面板。
• pdf 在线预览pdf
• qrcode 二维码生成工具
• highlight.js 代码高亮
• moveable 可拖动、伸缩组件
• nprogess 进度条
• pubsub-js a topic-based publish/subscribe library written in JavaScript.
• fastclick eliminate the 300ms delay between a physical tap and the firing of a click event on mobile browsers.
• blueimp-md5 JavaScript MD5 implementation.
• sanitize-url url过滤
• crypto-js 加密
• countup.js 数字滚动
• commander nodejs命令行工具
• inquirer 交互式命令行工具
• klinecharts K线图组件
• microbundle Zero-config bundler for tiny modules.
• mathjs 数学工具
• better-scroll
• file-type
• Aplayer
• vue-aplayer
• fingerprintjs
• svg-sprite-loader
• masonry 瀑布流
• ChinaMobilePhoneNumberRegex

UI Component Library

• Bootstrap
• uiverse
• AntDesign 阿里
• TDesign 腾讯
• ArcoDesign 字节
• Shadcn

Vue相关

• vuex-persist vuex数据持久化

• vue-awesome-swiper 轮播图

• v-viewer Vue图片浏览组件v-viewer，支持旋转、缩放、翻转等操作

• vue-drag-resize Vue Component for draggable and resizable elements.

• vue-draggable-plus

• vue-count-to 数字滚动插件

• vue-lazyload 图片懒加载

• vue-print-nb 打印整个网页或指定dom节点

• vue-virtual-scroller 虚拟长列表

• vue-virtual-scroll-grid 虚拟长列表，支持vue3

• vuex-class vuex辅助工具

• vue-cropper 图片裁剪组件

• vue-json-pretty json格式化

• v-hotkey 为组件绑定快捷键

• v-click-outside 点击外部区域关闭某个组件

• v-clipboard 点击组件复制值到剪贴板

• v-tooltip 悬浮提示

• v-blur 半透明遮罩

React相关

• classnames A simple JavaScript utility for conditionally joining classNames together. vue已经有类似的语法支持，可用于react中。
• clsx A tiny utility for constructing className strings conditionally.
• svgr svg to react component

AI

• streamdown
• prompt-kit

中国省市区地址

• province-city-china 中华人民共和国行政区划代码
• @vant/area-data 省市区数据，适用于 Vant Area 组件。
• v-distpicker 中国省市区选择器

Lorem Ipsum

• https://www.lipsum.com/

Mocking Data

• mockjs
• json-server
• jsonplaceholder
• apiopen
• dummyjson

Mocking Image

• https://picsum.photos/
• https://unsplash.com/
• https://dummyimage.com/ solid color

DevServer

• serve
• http-server
• nodemon

Chart

• echarts 👍 非常好用 ​
• antv
• gojs
• d3
• flowchart.js 绘制流程图

Rich Text Editor

• tinymce 👍 功能插件很多，部分需要收费，有中文网 ​
• vue-quill-editor
• wangeditor 中国人维护的，也不错
• ckeditor 👍
• simditor
• jodit
• kindeditor out-of-date
• ueditor out-of-date

Markdown Editor

• markdown-it
• mavonEditor
• marked
• mdx
• codemirror

Font

• iconfont
• 自由字体
• 阿里字体素材平台 - 免费字体
• font.google.com

Icon

• iconfont
• bootstrap
• fontawesome
• icomoon
• themify
• iconbuddy
• heroicons
• Element UI 扩展图标库
• iconify

favicon

• https://www.favicon-generator.org/
• https://favicon.io/favicon-generator/
• https://realfavicongenerator.net/
• https://css-tricks.com/emojis-as-favicons/

avatar

• gravatar

Image Compression

• https://tinypng.com/
• https://tinify.cn/

Media

• mp3

Commonly Used in Tool Chains

• browserslist: Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env.
• globals: Global identifiers from different JavaScript environments

Other

• A simple site to test permission-related UI for web APIs.
• Build 3D with Vue: https://tresjs.org/
• Cookie Consent: https://www.cookieconsent.com/