文档工具

Swagger

Swagger 是由 SmartBear 维护的一套 API 开发工具集,围绕 OpenAPI/AsyncAPI 规范覆盖 API 的设计、文档、测试与治理全生命周期。核心工具包括在线设计的 Swagger Editor、可交互可视化与调试接口的 Swagger UI、根据规范生成客户端/服务端代码的 Swagger Codegen,以及面向团队协作的 SwaggerHub。

Marked

一个以速度为设计目标的 Markdown 解析与编译库,将 Markdown 文本转换为 HTML,可在浏览器、Node.js 服务端和命令行中运行。支持 CommonMark、GitHub 风格 Markdown(GFM)等规范;注意它默认不对输出 HTML 做净化,需自行配合 DOMPurify 等防范 XSS。

docsify

一个「魔法般」的文档网站生成器,无需构建步骤即可直接把 Markdown 文件渲染成完整文档网站。运行时在浏览器中动态加载和解析 Markdown,轻量易用,内置全文搜索、多主题和丰富的插件生态,适合快速搭建项目文档。

构建工程化

TS Config Helper

TS Config Helper 是一个用于配置 tsconfig.json 的在线交互式工具,通过可视化界面帮助开发者快速学习和组装 TypeScript 配置。提供可视化勾选配置、内置官方文档查阅、选项搜索、分类过滤以及预设方案,并支持配置文件的导入导出,降低 TS 配置门槛。

ts-config-helper

ts-config-helper 是 TS Config Helper 在线工具的开源仓库,一个配置 tsconfig.json 的交互式工具。提供可视化配置、文档查阅、搜索、分类过滤和预设配置等功能,帮助你快速学习与组装 tsconfig.json,基于 Vue 3 + TypeScript 开发。

Gulp.js(中文网)

基于 Node.js 流(stream)的前端自动化构建工具,用 JavaScript 代码编写配置,把编译、压缩、转换等重复任务自动化。它在内存中通过流处理文件以提升构建速度,并拥有可链式组合的丰富插件生态(Babel、Sass、TypeScript、Imagemin 等)。

Mitosis

Builder.io 推出的开源 UI 组件编译器,让开发者用一套统一格式编写组件,再编译成 React、Vue、Angular、Svelte、Solid、Qwik 等多种框架的原生代码。它解决了跨框架维护多套组件的重复劳动问题,便于在不同技术栈间保持设计系统一致,并支持从 Figma 同步设计系统。

vite-plugin-pages

一个基于文件系统自动生成路由的 Vite 插件,支持 Vue 3、React 和 Solid。遵循「约定优于配置」,根据 src/pages 目录结构自动生成路由配置,支持动态路由([id])、嵌套路由、catch-all 路由及通过 SFC 自定义块添加路由元信息。

SWC

用 Rust 编写的超高速 TypeScript/JavaScript 编译器与 Web 开发平台,编译速度显著快于 Babel。既可作为 npm 包(@swc/core)在 JS 工具链中使用,也可作为 Rust crate 库集成,提供 ECMAScript 解析、转换、压缩等核心能力,被 Next.js 等项目广泛采用。

CSS Grid Generator

一个可视化生成 CSS Grid 布局代码的在线工具。用户通过设置行列数量与单位、在网格中拖拽放置元素,即可自动生成对应的 CSS Grid 代码,降低了 Grid 布局的上手门槛,基于 Vue.js 构建。

tsup

一个基于 esbuild 的零配置 TypeScript 库打包工具,号称打包 TS 库最简单快速的方式,支持 .ts/.tsx/.js/.json/.mjs 及实验性 CSS。注意:作者已宣布不再积极维护,并推荐迁移到替代品 tsdown。

CDN资源

jsDelivr CDN

jsDelivr 是一个免费、快速、可靠的开源项目 CDN,自 2012 年起为 npm 包、GitHub 仓库和 ESM 模块提供零配置的文件分发。基于多 CDN(Cloudflare、Fastly 等)与 540+ 节点,月处理约 1500 亿次请求,支持自动压缩、版本别名、按需合并多文件、HTTP/3 及包元数据 API。

cdnjs

cdnjs 是一个免费开源的公共 CDN 服务,托管并分发数千个常用的 JavaScript、CSS 等前端库文件,帮助开发者快速在网页中引入第三方库。依托 Cloudflare 全球网络,被全球约 12.5% 的网站使用,每月处理超 2000 亿次请求。

Wallhaven

一个高质量桌面壁纸聚合与分享社区,收录海量高分辨率(含 4K/8K)壁纸。支持按分辨率、宽高比、分类(常规/动漫/人物)、标签、色彩等多维度搜索和筛选,用户可收藏、上传并参与评分。

HDQWalls

一个免费高清壁纸下载网站,提供 HD、4K、5K、8K 等多种分辨率的壁纸资源。按分类和热门标签组织内容,并可针对不同设备屏幕尺寸(手机、桌面、平板)自动裁剪适配后下载。

编辑器

Monaco Editor

微软开源的网页代码编辑器,即驱动 VS Code 的同款编辑器内核。它让开发者无需从零搭建即可在浏览器应用中嵌入专业级代码编辑能力,支持语法高亮、智能补全(IntelliSense)、多语言、Web Worker 后台计算和可扩展的 Monarch 词法定义。

Theatre.js

一款面向 Web 的高保真运动图形动画库,将动画制作同时变成编程与可视化设计工作。提供可视化编辑器与程序化接口,可为 three.js 3D 对象、DOM/SVG 元素、UI 微交互、生成艺术乃至任意 JS 变量制作复杂动画。核心包 @theatre/core 采用 Apache 2.0、编辑器 @theatre/studio 采用 AGPL 3.0。

JSON Editor

一个基于 Web 的 JSON 查看、编辑、格式化与校验工具,源自知名站点 jsoneditoronline.org 的核心组件并开源。提供树形编辑(增删改、排序、查询、撤销重做)、代码模式(高亮、修复、格式化)、文本模式和预览模式(可处理高达 500 MiB 的大型 JSON),并支持基于 JSON Schema 的数据校验。

JSON Hero

由 Trigger.dev 团队开发的开源 Web JSON 浏览器,用美观清晰的界面让阅读和理解 JSON 文件更轻松。提供受 macOS 访达启发的列视图、树视图、编辑器视图等多种浏览方式,能自动识别并预览日期、图片、链接、颜色、推文等内容,支持毫秒级模糊搜索、JSON Schema 推导、可分享 URL,并有 VS Code 扩展与 Raycast 集成。

Quill Rich Text Editor

它是目前 GitHub 上 Star 数最多的所见即所得 Web 编辑器

Draft.js

React的富文本编辑框架

Lexical

Lexical 是一个可扩展的 JavaScript 网络文本编辑器框架,着重于可靠性、可访问性和性能

markdown-it

markdown-it 是一个辅助解析 markdown 的库,可以完成从 # test 到 h1 的转换。

代码质量

lint-staged

一个只对 Git 暂存(staged)文件运行 linter 和格式化任务的工具。它避免了对整个项目做全量检查的耗时,只检查即将提交的文件,常配合 Husky 在提交前自动执行 ESLint、Prettier 等任务,并在出错时自动恢复原始状态。支持 monorepo 与多种配置格式。

Husky

一个轻量级(压缩后仅约 2KB、零依赖)的 Git 钩子(hooks)管理工具,让团队能方便地在提交、推送等环节自动执行代码检查与校验。支持全部客户端 Git 钩子,跨 macOS/Linux/Windows,常与 lint-staged、commitlint 搭配使用。

commitlint

用于校验 Git 提交信息是否符合约定式提交(Conventional Commits)规范的工具。它统一团队提交格式(如 type(scope): subject),便于自动生成变更日志和版本管理,提供可复用的共享配置(如 config-conventional),并能与 Husky 集成在提交时自动触发检查。

@antfu/eslint-config

Anthony Fu 维护的一套开箱即用的 ESLint 配置预设,基于 ESLint Flat Config,集成了格式化能力可独立替代 Prettier。支持 TypeScript、Vue、JSX、JSON、YAML 等多种文件,可选支持 React、Svelte、Astro 等框架,高度可定制且 diff 稳定。

Eruda

Eruda 是专为移动端网页打造的调试控制台(手机版 DevTools),在移动浏览器里以悬浮按钮唤出面板,可查看 console 日志、网络请求、页面元素、本地存储、性能资源等,方便移动端网页调试。

stats.js

由 mrdoob 开发的轻量级 JavaScript 性能监控面板,实时显示 FPS(帧率)、MS(单帧渲染耗时)、MB(内存占用)等指标。常用于 WebGL/Three.js 等动画与 3D 渲染场景,帮助开发者快速定位性能瓶颈。

React Scan

自动检测并高亮 React 应用中性能问题的工具。无需修改代码即可可视化标记出导致不必要重渲染的组件,帮助开发者快速发现并优化渲染瓶颈。支持 Next.js、Vite、Remix 等框架,并提供 scan()、useScan() 等命令式与 Hook API。

工具类库

Lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

Underscore.js

该库提供了 100 多个实用的函数,包括常用的 map、filter、reduce、invoke 以及更专业的辅助函数,比如函数绑定、JavaScript 模板功能、创建快速索引等,让我们可以更加方便地在 JavaScript 中实现函数式编程

p-map

这与 Promise.all() 的不同之处在于,您可以控制并发性,还可以决定在出现错误时是否停止迭代。

PDFKit

用于 Node 和浏览器的 JavaScript PDF 生成库。

SheetJS

SheetJS是前端操作Excel以及类似的二维表的最佳选择之一,而xlsx是它的社区版本

HLS.js

hls.js是一个JavaScript库,可实现HTTP Live Streaming客户端。 它依靠HTML5视频和MediaSource扩展进行播放。

Transmat

通过利用 DataTransfer API 功能将数据传输到应用程序,Transmat 使您的 Web 应用程序能够超越浏览器的边界进行交互。此技术兼容自 IE11 以来的所有现代桌面浏览器。

Painter

小程序生成图片库,轻松通过 json 方式绘制一张可以发到朋友圈的图片

watching-you

能够观察鼠标或其他 DOM,甚至输入值,随心所欲!

Sitemap generator for next.js

next.js 的站点地图生成器。站点地图是生成良好 SEO 的重要要求。它向搜索引擎提供有关您的网站以及要抓取的网址的信息。

构建工具

Webpack

一个用于现代 JavaScript 应用程序的 静态模块打包工具

esbuild

我们当前的 web 构建工具比 esbuild 应该慢 10-100 倍。 esbuild bundler 项目的主要目标是带来构建工具性能的新时代,并在此过程中创建易于使用的现代捆绑器。

TS类型

type-fest

基本 TypeScript 类型的集合

tRPC

快速行动,打破一切。端到端类型安全 API 变得简单。体验 TypeScript 推理的全部功能以提高生产力

Node相关

Deno

Deno 是一个简单、现代且安全的 JavaScript 和 TypeScript 运行时,它使用 V8 并以 Rust 构建。

Prisma

Prisma 是一个基于 Nodejs 和 TypeScript 的 ORM,它可以帮助开发者以 更快的开发速度 和 更少的错误 来 管理数据库。

MQTT.js

MQTT.js 是 MQTT 协议的客户端库,用 JavaScript 为 node.js 和浏览器编写。

zx

Bash 很棒,但是在编写更复杂的脚本时,许多人更喜欢更方便的编程语言。 JavaScript 是一个完美的选择,但 Node.js 标准库在使用前需要额外的麻烦。 zx 包为 child_process 提供有用的包装器,转义参数并提供合理的默认值。

Node爬虫

Puppeteer

Puppeteer 是一个 Node.js 库,它提供了一个高级 API 来通过 DevTools 协议控制 Chrome/Chromium

node-crawler

node-crawler 是一个轻量级的node.js爬虫工具,兼顾了高效与便利性,支持分布式爬虫系统,支持硬编码,支持http前级代理