Create by fall on 02 Mar 2023
Recently revised in 11 Feb 2025
所有的包名称就是 npm 中的包名称,可以直接在 npm 官网进行搜索
包名称 | 英文介绍 | 介绍 |
---|
node-cron | This module allows you to schedule task in node.js using full crontab syntax. | 计划执行一些内容 |
croner | Trigger functions or evaluate cron expressions in JavaScript or TypeScript. | 定时执行任务,并提供即将到来的事件 |
cronstrue | | 将 cron 表达式转换更可读 |
| | |
包名称 | 英文介绍 | 介绍 |
---|
husky | | 提供 git 相关的 hooks 方法 |
lint-staged | Run linters against staged git files | 在 git 缓存区强制执行 lint |
| | |
| | |
| | |
包名称 | 英文介绍 | 介绍 |
---|
concurrently | Run multiple commands concurrently. | 实时运行多个命令 |
start-server-and-test | Starts server, waits for URL, then runs test command; when the tests end, shuts down server | |
live-server | | 提供 npx live-server index.html |
http-server | | npx http-server [path] [options] |
inquirer | A collection of common interactive command line user interfaces. | 通用终端 UI 输入接口 |
ora | | 优雅的终端加载动画 |
node-jq | | 命令行 JSON 处理工具 |
enquirer | | 命令行选择功能工具 |
node-gyp | compiling native addon modules for Node.js. | |
| | |
np | | 更好用的 npm publish |
release-it | Automate versioning and package publishing | 自动打包和发布更新 |
chalk | | 命令行内容着色 |
voici.js | | 终端表格打印 |
fx | fx data.json | JSON 命令行处理工具 |
gradient-string | Beautiful color gradients in terminal output | 为命令行加上渐变 |
| | |
包名称 | 介绍 | 英文介绍 |
---|
wallpaper | 获取或者设置桌面壁纸 | Get or set the desktop wallpaper |
diskusage | 跨平台磁盘使用统计 | |
node-osc | 用于在媒体设备之间进行通信的协议 | |
| | |
包名称 | 英文介绍 | 介绍 |
---|
npm-check-updates | | -i 交互模式,查看潜在的升级并逐个选择 |
knip | finds unused files, dependencies and exports in your projects | 查看 TS 项目中没有用到的文件和依赖 |
dependency-cruiser | | 将应用的依赖可视化 |
| | |
| | |
| | |
包名称 | 英文介绍 | 介绍 |
---|
rspack | | 基于 Rust 的打包工具 |
rolldown | | 重写 rollup,更快更强 |
| | |
| | |
包名称 | 英文介绍 | 介绍 |
---|
quick-lint-js | finds bugs in JavaScript programs. | 快速分析 js 中的语法错误,C++ |
sugarss | Indent-based CSS syntax for PostCSS. | 强缩进 CSS 语法检测 |
@biomejs/biome | fast formatter for JavaScript, TypeScript, JSX, and JSON | rust 重写的格式化工具,快! |
| | |
包名称 | 英文介绍 | 介绍 |
---|
jest | User-friendly glob matching.Based on fast-glob | 筛选文件目录 |
autocannon | HTTP/1.1 基准测试工具 | |
vitest | | 基于 vite 的测试,开箱可用 import 语法 |
jsdom | | 纯 JS 实现的 DOM |
fetch-mock | | 请求 mock |
| | |
包名称 | 官方介绍 | 介绍 |
---|
sucrase | Sucrase is about 20x faster than Babel | babel 的替代品,允许更快地构建 |
unplugin | Unified plugin system for build tools. | 制作所有打包平台都可以使用的插件 |
swc | super-fast TypeScript / JavaScript compiler written in Rust. | 超快的 ts / js 编译器 |
| | |
| | |
| | |
这些工具是不依赖于 DOM,前后端通用的 package
包名称 | 英文介绍 | 介绍 |
---|
ohash | Super fast hashing library written in Vanilla JS | 原生书写的快速哈希库,判断对象内容是否相等 |
imask | | 文字校验功能 |
validator | A library of string validators and sanitizers. | 字符串校验库 |
zod | schema validation | 字符串等数据的校验工具 |
destr | | 实现同 JSON.parse 的功能但更安全,支持 ts |
file-type | | 使用二进制判断文件的类型 |
rxjs | Reactive Extensions For JavaScript | JS 的响应式扩展 |
chardet | | 文件,字符使用的编码方式检测库 |
brotli-wasm | | 基于 Brotli 算法的压缩和解压缩工具 |
filesize | | 把文件大小换算为易读的内容 |
math.js | | 处理复数、分数、单位、矩阵、符号计算等 |
@faker-js/faker | Generate massive amounts of fake data | 生成大量假数据 |
ip-address | | 解析和操作 IPv4/6 地址 |
lossless-json | | 避免数据过大影响 json 解析 |
china-division | | 中国行政区划(五级) |
emoji-regex | offers a regular expression to match all emoji symbols and sequences | 正则匹配所有的 emoji |
culori | | 根据颜色获取颜色名称 |
color-names | | 根据颜色获取颜色名称(或者反向) |
zip-stream | | |
@zip.js/zip.js | | |
fast-csv | | 对 csv 文件进行快速处理 |
web-worker | | 浏览器和 node 一致的 worker |
alfaaz | the fastest multilingual word counter | 号称最快的字数统计工具 |
workerpool | | 将任务分配给工作池 |
pretty-ms | | 将 ms 转换为好看的形式 |
chroma-js | zero-dependency color conversions | 无依赖的颜色转换工具 |
immer | | 不可变数据处理 |
mutative | efficient immutable | 不可变数据,效率更高 |
js-yaml | | 解析 yaml 文件 |
tinybase | reactive data store for local-first apps. | 本地响应式数据库 |
microdiff | object and array differ | 查看 array 和 object 的不同 |
madge | | 给出指定文件的依赖关系 |
browser-or-node | | 判断当前的环境, |
merge-anything | | 合并,但是是递归合并 |
ejs | | 模板引擎 |
bwip-js | | 条形码生成工具 |
superstruct | | 数据格式验证工具(运行时 |
es-toolkit | | 正实现着 Lodash 所有功能,类型支持,性能 up |
@diffusionstudio/vits-web | | 本地语音生成工具,阅读 |
calendar-link | Calendar link generator for popular services | 在各个流行平台上生成日历事件 |
tesseract.js | | 基于 js 的 OCR 识别 |
humanifyjs | | 代码反混淆 |
colorthief | Grab the color palette from an image | 从图像中获取主要的颜色 |
match-sorter | | 确定性最佳匹配数组排序 |
tinybench | Benchmark your code easily | |
immutable | | 不可变数据,支持 map |
fraction.js | | 数学更精确的计算 |
| | |
| | |
| | |
| | |
| | |
包名称 | 英文介绍 | 介绍 |
---|
timeago.js | format datetime with *** time ago | 返回 XX 时间之前 |
luxon | working with dates and times in JavaScript. | 时间日期处理 |
date-fns | | 提供超多关于日期的处理函数 |
chrono-node | A natural language date parser in Javascript. | 自然语言日期处理器 |
dayjs | | 极小的事件处理工具 |
@formkit/tempo | as small and easy to use as possible. | 小巧好用的时间工具(有TS类型支持) |
更倾向于服务端(node)使用的内容
包名称 | 英文介绍 | 介绍 |
---|
undici | | 请求库 |
graphql | a query language | Meta 用的查询语言(一个接口请求前端想要的数据) |
staticrypt | | 轻松加密静态站点 |
migrate | | 一个抽象迁移框架 |
ws | | 使用 websocket |
pm2 | · | 后端资源监听 |
piscina | | 线程池控制工具 |
nodemon | | 监听文件变动并自动执行 |
mqtt | client library for the MQTT protocol | 支持 mqtt 协议 |
pureimage | 100% JavaScript implementation of theCanvas 2D drawing API for NodeJS | 纯 node 实现 2d canvas 绘制 |
tinypool | | 轻量级/微型 Node.js 工作线程池 |
necord | | 用于创建 Discord 机器人的框架 |
globby | User-friendly glob matching.Based on fast-glob | 筛选文件目录 |
passport | | 后端权限验证工具 |
@humanfs/node | what a modern, high-level filesytem API should look like. | 原生 fs API 应该成为的样子 |
node-usb | | Node 的改进 USB 库 |
phin | The lightweight Node.js HTTP client | 轻量请求库 |
node-jq | | c 的 json 处理工具 |
node-usb | | 使用 node 操作 usb |
wait-on | wait for files, ports, sockets, and http(s) resources to become available | 等待文件等变得可用 |
piscina | fast, efficient Node.js Worker Thread Pool implementation | 工作线程池库 |
@vinejs/vine | One of the fastest validation library for Node.js | 号称最快速的表单验证库 |
包名称 | 英文介绍 | 介绍 |
---|
node-xlsx | | 使用 node 处理 xlsx 文件 |
imgly/background-removal | | 移除图像背景 |
sharp | high speed Node.js module is to convert large images | 超快速图片处理 |
jimp | | 无依赖的 Node 图像处理库 |
node-poppler | | 异步 PDF 渲染器 |
chokidar | | 更好的 watchFile |
exiftool-vendored | | 图片拍摄信息数据访问 |
包名称 | 英文介绍 | 介绍 |
---|
lmdb | | LMDB 的数据存储包装器。 |
mongoose | Mongoose is a MongoDB object modeling tool | 对象建模工具 |
lowdb | Simple to use local JSON database. | 简单的 JSON 作为 DB |
json-server | Get a full fake REST API with zero coding in less than 30 seconds | 也是 JSON 作为 DB |
node-oracledb | | 纯 JS Oracle 数据库驱动程序 |
pgsql-ast-parser | a Postgres SQL syntax parser. | SQL 语法解析器 |
kanel | | 从 Postgres 生成 TypeScript 类型 |
knex | A batteries-included SQL query & schema builder | |
mysql2 | | 专注于性能的 mysql |
prisma | Prisma is a next-generation ORM | 下一代关系对象映射(自己说的) |
mikro-orm | TypeScript ORM for Node.js based on Data Mapper | |
slonik | PostgreSQL client | |
node-pg-migrate | database migration management built exclusively for postgres. | 数据库迁移工具 |
包名称 | 英文介绍 | 介绍 |
---|
node-html-to-image | | 将 HTML 转换为 img |
crawlee | | 网络爬虫和浏览器自动化库 |
got | | Node HTTP 请求库 |
puppeteer | | 自动化浏览器操作 |
linkinator | npx linkinator https://example.com/ | 查看网站是否有效 |
| | |
| | |
更倾向于在前端使用(或者是依赖于 DOM 等浏览器提供的对象),这些包默认是不依赖框架,或者在多个框架中都可以使用的
包名称 | 英文介绍 | 介绍 |
---|
frappe-gantt | A simple, interactive, modern gantt chart library for the web | 甘特图,日期计划表,时间线 |
gantt-schedule-timeline-calendar | Gantt, schedule, timeline and calendar components all in one! | 计划表,甘特图,时间线 |
@schedule-x/calendar | | 日历对工作进行管理 |
@fullcalendar/core | | 日历组件 |
js-confetti、canvas-confetti | | 添加一个彩带动画 |
satori | Satori only accepts JSX elements | dom 转化为 svg |
highlight.js | | 语法高亮 |
prismjs | | 语法高亮 |
shiki | A beautiful yet powerful syntax highlighter | 异步语法高亮,漂亮的代码查看器 |
sugar-high | | 极小的 jsx 语法高亮 |
htmlparser2 | | 快速解析HTML |
gridstack | | 类似于 vue-grid-layout |
melonjs | | 成熟的 HTML5 游戏引擎。 |
eslint-plugin-check-file | | 强制检查文件名称 |
@algolia/autocomplete-js | | 自动完成组件 |
qrcode | | 生成二维码 |
selecto | allows select elements in the drag area using the mouse or touch. | 区域选择组件 |
@formkit/auto-animate | | 简单的方式添加动画(支持各种框架) |
@tiptap/core | Build collaborative editor apps | 多人协作的编辑器 |
mathlive | | 数学公式的编辑和展示 |
copy-text-to-clipboard | | 将内容粘贴到剪切板(2k) |
wavesurfer | | 音频文件的波形查看器 |
fast-png | | 使用原生 JavaScript 事件解码编码 PNG 图片 |
svguitar | 演示:https://github.com/omnibrain/svguitar | 用 SVG 做吉他谱! |
axios-token-manager | | |
axios-mock-adapter | Axios adapter that allows to easily mock requests | axios mock 适配器 |
@popperjs/core | | popover 组件 |
@floating-ui/dom | | popover 组件 |
driver.js | | 第一次进入页面的提示组件 |
moveable | | 移动缩放旋转等操作 |
sortablejs | Sortable is a JavaScript library for reorderable drag-and-drop lists. | 列表拖拽库 |
capture-website | | 获取网站截屏 |
reveal | | 滚动和动画结合起来,构建展示页面 |
emoji-mart | a customizable emoji picker | 自定义 emoji 选择器 |
ai2html | | 将 Adobe Illustrator 文件转换成 HTML |
screenfull | | 用于全屏和取消全屏展示 |
@tsparticles/engine | https://particles.js.org/ | 特效引擎 |
matter-js | JavaScript 2D rigid body physics engine for the web | 刚体物理引擎 |
signature_pad | a JavaScript library for drawing smooth signatures. | 写字板的签名组件 |
@algolia/autocomplete-js | | 优化搜索自动提示体验 |
@bitjson/qr-code | | 二维码生成 |
embla-carousel(非包名 | | 轮播功能(支持主流框架 |
jsbarcode | | 条形码生成器 |
perfect-freehand | | 让手绘内容更加优雅 |
atrament | | 另一个手绘包 |
tanstack 非包名 | | 一系列的 UI 组件 |
dexie | | indexDB 封装 |
tonal | | 音乐理论包 |
cally | | 无框架无依赖原生日历 |
facesjs | | 生成卡通脸部(不怎么好看 |
katex | fast TeX math rendering | 快速渲染的数学符号库 |
simple-parallax-js | | 视差效果 |
fabric | | svg 和 canvas 互相转换的库 |
@egjs/infinitegrid | | 多框架支持的无限滚动 |
html2pdf.js | | html 转为 pdf |
ag-grid-community | | 高性能数据 grid(表格) |
@glidejs/glide | | 一个滑动块(走马灯效果) |
spoiled | | 文字掩盖效果 |
music-metadata | | 获取音乐原信息 |
click-to-component | | 点击进入组件的源码编辑 |
| | |
| | |
| | |
| | |
包名称 | 英文介绍 | 介绍 |
---|
react-qrcode-logo | generate a customizable QR Code. | 生成带 Logo 的 qrcode |
react-spinners | | 加载动画 |
react-spring | a cross-platform spring-physics first animation library. | 动画库 |
react-chrono | Render timelines in three different modes | 时间线组件 |
plyr-react | | 自定义多媒体播放器组件 |
@tremor/react | The react library to build dashboards fast | 快速快速构建后台 |
next-sitemap | | Next.js 应用程序的网站地图生成器 |
react-wrap-balancer | | 减少内容变换的换行频率次数 |
react-virtuoso | | 虚拟滚动 |
boring-avatars | generates custom, SVG-based avatars from any username and color palette. | 根据名称随机生成头像 |
react-webcam | | 摄像头相关 |
react-icons | Include popular icons in your React projects | Icon,但是 React |
html-react-parser | | HTML 字符串解析为 React 代码的解析器 |
spectacle | | 基于 React 和 JSX 的演示文库 |
react-virtualized | | 强大的虚拟列表组件 |
react-grid-layout | RGL is React-only | 自定义布局的组件 |
react-tracking | | 用户行为采集框架 |
@codesandbox/sandpack-react | | 前端沙盒 |
react-quick-pinch-zoom | | DOM 放大和拖动,多点控制形状 |
react-datasheet-grid | | 表格大数据渲染 |
react-scroll-sync | | 同步滚动内容 |
react-to-print | | 打印相关功能 |
react-scroll-parallax | | 滚动动画 |
react-aria-components | | 40 多个可自定义、支持无障碍访问的组件 |
shadcn/ui(不是 npm 包名 | shadcn/ui https://ui.shadcn.com/ | 把 UI 组件生成到你的项目内,高可扩展 |
react-resize-detector | managing element size changes in React | 利用 ResizeObserver 实现 |
react-use | | 提供 react 的 hooks |
jotai | simple useState replacement | 小型状态管理 |
zustand | | 状态管理 |
react-tag-autocomplete | | 自动完成 tag 功能 |
@million/lint | | 类似 eslint,但给的是性能优化建议 |
react-geiger | https://github.com/kristiandupont/react-geiger | 让 React 应用卡顿时发出声音 |
onborda | | 产品导览功能(next |
spectacle | | 在线预览组件 |
astro | Astro is the all-in-one web framework designed for speed. | 访问速度优先 md 生成 SSR 框架 |
reassure | Performance testing companion for React and React Native. | react 和 RN 的性能测试工具 |
pixelmatch | | 像素级别对比图像差异 |
react-ace | | react 的一个代码编辑器 |
valtio | | 为 react 设计状态管理 |
@tanstack/react-query | | 获取 |
@codaworks/react-glow | | 高亮追踪功能 |
react-burger-menu | | 侧边可收起展开菜单样式 |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
包名称 | 英文介绍 | 介绍 |
---|
react-content-loader | | 骨架内容组件屏 |
react-pro-sidebar | | sidebar 组件库 |
sonner | Sonner is an opinionated toast component for React. | 一个轻提示的组件 |
react-day-picker | DayPicker is a date picker component for React. | 日期选择(a11y) |
@dnd-kit/core | Beautiful and accessible drag and drop for lists with React | React 可拖拽组件库 |
react-currency-input-field | | 金额输入框 |
react-archer | | 在 DOM 之间创建箭头 |
react-clock | | React 时钟 |
react-barcode | | 条形码 |
react-phone-number-input | | 国际电话输入 |
react-awesome-reveal | | 元素可见时触发动画 |
react-international-phone | | 电话号码输入组件 |
hamburger-react | | 菜单转换动画 |
react-force-graph | | force-graph 的 react 版本 |
@codaworks/react-glow | | 追踪高亮的功能 |
react-big-calendar | | 大型日历的组件 |
react-signature-pad-wrapper | | 对 signature-pad 的 react 包装 |
react-datepicker | A simple and reusable Datepicker component for React | 简单的日期选择组件 |
vaul | | 一个简单的抽屉组件 |
@uiw/react-codemirror | | codemirror react |
simple-keyboard | | 虚拟键盘 |
react-loading-skeleton | | react 加载骨架 |
react-snap-carousel | | 轮播滚动屏,自适应 |
react-paginate | | 自定义页脚,用于翻页功能 |
reecharts | | d3 react 构建可视化库 |
@chakra-ui/system | | |
@viselect/react | | 可以通过框选选中多个 DOM |
| | |
包名称 | 英文介绍 | 介绍 |
---|
yet-another-react-lightbox | | 支持视频和滑动的媒体图片预览组件 |
react-pdf | | 在 React 应用中显示 PDF。 |
react-medium-image-zoom | | 图片缩放工具 |
react-image-crop | | 图片裁剪工具 |
@onedoc/react-print | | 将 react 生成为 PDF |
| | |
包名称 | 英文介绍 | 介绍 |
---|
vue-cropper | | 一个优雅的图片裁剪插件 |
vuetify | the world's most popular Vue.js framework for building feature rich, blazing fast applications. | Vue 组件库 |
vue-grid-layout | | 可以拖拽 DOM 的大小 |
sandpack-vue3 | | vue 沙盒 |
@formkit/core | | |
shadcn-vue | A CLI for adding components to your project. | 复制组件到你自己的应用程序中。 |
vue-qr | | 提供 二维码生成 |
vue-virtual-scroller | | vue 虚拟滚动的 |
@inkline/inkline | | 一个可定制的 Vue.js 3 UI/UX 库 |
radix-vue | UI component library for building high-quality, accessible design systems and web apps | a11y 高质量 UI 框架 |
@tinymce/tinymce-vue | The world's #1 open source rich text editor. | 富文本编辑器 |
| | |
| | |
组件名称 | 英文介绍 | 介绍 |
---|
codemirror | | 代码编辑器 |
slate | | 富文本编辑器 |
prosemirror | | 文本编辑器 |
@ckeditor/ckeditor5-core | | 编辑器 |
lexical | | 可扩展编辑器 |
monaco | | VS Code 的编辑器 |
trix | Rich Text Editor | 富文本编辑器 |
quill | | 所见即所得的编辑器 |
micromark | | CommonMark 最小的实现 |
| | |
组件名称 | 英文介绍 | 介绍 | 框架 |
---|
remark | | 解析 MD,输出序列化内容 | |
markdown-it | Markdown parser done right. Fast and easy to extend. | | |
marked | | Markdown 解析器和编译器 | |
remark-mdx | remark plugin to support the MDX syntax | 支持 MDX 高亮 | |
@mdx-js/mdx | | | |
@penrose/core | | 更多数学相关图形的支持 | |
mermaid | definitions and a renderer to create and modify complex diagrams. | 为 markdown 添加更多支持 | |
@milkdown/core | | 编辑 markdown 所见即所得 | |
turndown | | 将 html 转换为 markdown | |
markdown-to-jsx | | 将 markdown 转换为 jsx | react |
@blocknote/core | | 开源多人协作文档 | |
@mdxeditor/editor | | 更轻量的 markdown 编辑器 | |
codehike | bridges the gap between Markdown and React | 把 markdown 转为 react | |
| | | |
组件名称 | 文档类型 | 介绍 |
---|
docx-preview | doc/docx | 前端 docx 文件预览组件 |
mammoth | doc/docx | 前端 word 编辑文件,可导出为 html |
docx | doc/docx | 简单生成和修改 docx 文件 |
xlsx | xlsx | 提供 xlsx 数据处理(官方切换了 git 和安装的地址,详见连接) |
exceljs | xlsx | 操作和书写数据,并且转化为 xlsx 和 JSON |
handsontable | xlsx | 数据绑定,数据分析,筛选,排序,和操作 |
pptxgenjs | pptx | 创建 js ppt |
@webtoon/psd | psd | 无依赖的 .psd 文件解析器 |
@pdfslick/core | pdf | 基于 PDF.js 的 pdf 文件查看器 |
| | |
| | |
组件名称 | 文档类型 | 介绍 |
---|
css-doodle | A web component for drawing patterns with CSS. | 使用 CSS 画图案 |
@medv/finder | CSS Selector Generator | 生成 DOM 最短的 selector(选择器) |
| | |
| | |
组件名称 | 文档类型 | 介绍 | 框架 |
---|
plotly.js | a standalone Javascript data visualization library | 独立的可视化库 | |
plotteus | | 时间叙事的可视化库(滚动、UI 控件) | |
reagraph | | 基于 WebGL 的 React 图形可视化库(600 stars | React |
@visx/visx | | 基于 D3 的 React 可视化 | React |
@xyflow/react 或 reactflow | building node-based UIs with React or Svelte. | 流程图,MIT | React |
@excalidraw/excalidraw | virtual hand-drawn style whiteboard. | 超级画布 | react |
@glideapps/glide-data-grid | https://grid.glideapps.com/ | 表格 + 可视化 | |
spacekit.js | | 宇宙 3D 视图 | |
vizzu | https://lib.vizzuhq.com/latest/ | 新的动画可视化库 | |
cytoscape | library for visualisation and analysis | 关系图,各个内容间的联系 | |
peaks.js | display and interact with audio waveforms | 音频文件的波形查看器和操作 | |
| | | |
| | | |
bpmn-js | | 标准的 BPMN 图 | |
chart.js | Simple yet flexible JavaScript charting for designers & developers | 简单灵活的 chart | |
apexcharts | build interactive data visualizations with simple API | 编写互动数据 | |
包名称 | 英文介绍 | 介绍 |
---|
react-native-permissions | | RN 的统一权限 API |
react-native-picker-select | | 选择功能 |
react-native-svg | | 提供一个兼容层来适配 React。 |
react-native-share | | RN 分享功能 |
tamagui | Style and UI for React(web and native) | |
@shopify/react-native-skia | High-performance 2d Graphics for React Native using Skia | 绘制 2D 图像库 |
react-native-image-picker | select a photo/video from the device library or camera. | 从设备上选择图片文件 |
@expensify/react-native-live-markdown | | 跨平台 Markdown 编辑器 |
react-native-bootsplash | | 启动页面 |
react-native-vision-camera | powerful, high-performance Camera library | 相机库 |
react-native-circular-progress | | 动画进度 |
react-native-background-actions | | 运行后台任务的后台服务库 |
react-native-filament | | RN 3d 渲染引擎 |
react-native-compressor | | 上传前压缩 |