# Html Tools
> 🛠️ 1086+ 纯前端在线工具集 | 单文件·零构建·可离线·隐私优先 | Pure HTML Tools - Single file, Zero build, Offline-ready, Privacy-first
- **Type:** MCP server
- **Install:** `agentstack add mcp-chicogong-html-tools`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [chicogong](https://agentstack.voostack.com/s/chicogong)
- **Installs:** 0
- **Category:** [Integrations](https://agentstack.voostack.com/c/integrations)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [chicogong](https://github.com/chicogong)
- **Source:** https://github.com/chicogong/html-tools
- **Website:** https://tools.realtime-ai.chat
## Install
```sh
agentstack add mcp-chicogong-html-tools
```
Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.
## About
# WebUtils
[](https://opensource.org/licenses/MIT)
[](https://tools.realtime-ai.chat)
[](https://github.com/chicogong/html-tools/actions/workflows/lint.yml)
[](https://github.com/chicogong/html-tools/actions/workflows/deploy.yml)
[](https://html-tools-jade.vercel.app)
[](https://htmltools-bkt.pages.dev)
[](https://github.com/chicogong/html-tools/stargazers)
[](https://github.com/chicogong/html-tools/network/members)
[](https://github.com/chicogong/html-tools/issues)
[](https://github.com/chicogong/html-tools/pulls)
### 🚀 1086+ 纯前端在线工具集
**单文件 · 零构建 · 可离线 · 隐私优先 · 数据不上传**
一个完全开源、隐私至上的在线工具集。无需安装、无需注册、无广告、无追踪。
[**🌐 立即体验**](https://tools.realtime-ai.chat) | [工具列表](#工具列表-1086-个) | [贡献指南](#贡献指南) | [添加新工具](#添加新工具)
---
## ✨ 为什么选择 WebUtils？
相比其他在线工具网站，WebUtils 的独特优势：
| 特性 | WebUtils | 其他工具站 |
| ------------ | ---------------------------- | ------------------------- |
| **隐私保护** | ✅ 100% 本地处理，数据不上传 | ❌ 大多需上传到服务器 |
| **离线使用** | ✅ 下载 HTML 即可离线用 | ❌ 必须联网 |
| **无需构建** | ✅ 单文件架构，直接打开 | ❌ 需要 npm/webpack 构建 |
| **加载速度** | ✅ 极快（无框架开销） | ⚠️ 较慢（React/Vue 加载） |
| **工具数量** | ✅ 1086+ 个工具 | ⚠️ 通常 50-80 个 |
| **开源免费** | ✅ MIT 协议，完全开源 | ⚠️ 部分闭源或有限制 |
## 📸 预览
桌面端
移动端
## 🔥 特色工具推荐
### 🔧 开发工具
- [JSON 格式化](tools/dev/json-formatter.html) - 语法高亮，错误定位
- [正则测试器](tools/dev/regex-tester.html) - 实时匹配，捕获组展示
- [JWT 解码器](tools/dev/jwt-decoder.html) - 一键解析 Token
### ⏰ 时间工具
- [时间戳转换](tools/time/timestamp.html) - 支持多时区
- [Cron 表达式](tools/time/cron-parser.html) - 可视化解析
- [日期计算器](tools/time/date-calculator.html) - 日期推算
### 🎨 媒体工具
- [图片压缩](tools/media/image-compressor.html) - 本地压缩，不上传
- [二维码生成](tools/generator/qrcode-generator.html) - 自定义样式
- [Base64 编码](tools/dev/base64.html) - 文本/文件支持
[**查看全部 1086+ 个工具 ↓**](#工具列表-1086-个)
---
## 在线体验
| 平台 | 链接 | 状态 |
| ----------------- | --------------------------------------- | ------- |
| **🌐 自定义域名** | https://tools.realtime-ai.chat | ✅ |
| GitHub Pages | https://chicogong.github.io/html-tools/ | ✅ |
| Cloudflare Pages | https://htmltools-bkt.pages.dev | ✅ |
| Vercel | https://html-tools-jade.vercel.app | ✅ |
| Render | https://webutils-uj15.onrender.com | ✅ |
| Surge | https://webutils.surge.sh | ✅ |
| Netlify | https://localtools.netlify.app | ⏸️ 暂停 |
## 工具列表 (1086 个)
### 开发工具 (61 个)
| 工具 | 描述 |
| ------------------------------------------------------------ | ---------------------------------------------------- |
| [代码对比工具](tools/dev/code-diff.html) | 并排对比两段代码的差异，高亮显示变更 |
| [剪贴板查看器](tools/dev/clipboard-viewer.html) | 查看剪贴板中的各种格式数据 |
| [进制转换器](tools/dev/number-base.html) | 二进制、八进制、十进制、十六进制互转 |
| [配色方案生成器](tools/dev/color-palette.html) | 生成配色方案和调色板 |
| [颜色对比度检查器](tools/dev/contrast-checker.html) | 检查颜色对比度是否符合 WCAG 2.1 无障碍标准 |
| [颜色转换器](tools/dev/color-converter.html) | HEX、RGB、HSL 颜色格式互转，可视化调色 |
| [正则测试器](tools/dev/regex-tester.html) | 正则表达式测试，匹配高亮，捕获组展示 |
| [正则表达式速查](tools/dev/regex-cheatsheet.html) | 正则表达式语法速查表 |
| [ASCII 码表](tools/dev/ascii-table.html) | ASCII 码表速查 |
| [ASCII 艺术](tools/dev/ascii-art.html) | 将文字转换为 ASCII 艺术字体 |
| [Base64 编解码](tools/dev/base64.html) | Base64 编码与解码，支持文本和文件 |
| [Basic Auth 生成器](tools/dev/basic-auth-generator.html) | 生成 HTTP Basic Authentication 头部 |
| [Box Shadow 生成器](tools/dev/box-shadow.html) | 可视化创建 CSS box-shadow，支持多层阴影和预设样式 |
| [Chmod 计算器](tools/dev/chmod-calculator.html) | Linux 文件权限计算，支持数字和符号模式互转 |
| [Cron 生成器](tools/dev/cron-generator.html) | 可视化生成 Cron 表达式 |
| [CSS 格式化](tools/dev/css-formatter.html) | CSS 代码格式化和压缩 |
| [cURL 转换器](tools/dev/curl-converter.html) | 将 cURL 命令转换为各种编程语言代码 |
| [Emoji 选择器](tools/dev/emoji-picker.html) | 浏览和复制各种 Emoji 表情符号 |
| [Glob 模式测试](tools/dev/glob-tester.html) | Glob 模式匹配测试 |
| [Git 命令速查](tools/dev/git-cheatsheet.html) | 常用 Git 命令速查表 |
| [Hash 生成器](tools/dev/hash-generator.html) | 计算文本或文件的 MD5、SHA-1、SHA-256、SHA-512 哈希值 |
| [Hex 查看器](tools/dev/hex-viewer.html) | 以十六进制查看文件或文本内容 |
| [HMAC 生成器](tools/dev/hmac-generator.html) | 生成 HMAC 消息认证码，支持多种哈希算法 |
| [HTML 实体编解码](tools/dev/html-entity.html) | HTML 实体编码与解码，常用实体参考 |
| [HTTP 状态码参考](tools/dev/http-status.html) | HTTP 状态码速查，包含描述和使用场景 |
| [i18n Key 生成器](tools/dev/i18n-key-generator.html) | 根据文本智能生成国际化 key |
| [IP 地址转换器](tools/dev/ip-converter.html) | IP 地址格式转换，支持点分十进制、整数、二进制等 |
| [JSON → TypeScript 类型生成](tools/dev/json-typescript.html) | JSON 转 TypeScript 类型 |
| [JSON 格式化](tools/dev/json-formatter.html) | JSON 格式化、压缩、校验，支持错误定位和语法高亮 |
| [JSON 转 Go Struct](tools/dev/json-to-go.html) | JSON 转 Go Struct |
| [JSON-YAML 转换](tools/dev/json-yaml.html) | JSON 与 YAML 格式互转，支持格式化输出 |
| [JSONPath 查询](tools/dev/jsonpath-query.html) | 使用 JSONPath 表达式查询 JSON 数据 |
| [JWT 解码器](tools/dev/jwt-decoder.html) | 解码 JWT Token，查看 Header、Payload 和签名信息 |
| [Keycode 查看器](tools/dev/keycode.html) | 获取键盘按键的 KeyCode 值 |
| [MIME 类型查询](tools/dev/mime-lookup.html) | 查询文件扩展名对应的 MIME 类型 |
| [OTP 验证码生成器](tools/dev/otp-generator.html) | 生成一次性密码 (OTP/TOTP) |
| [Protobuf 解码器](tools/dev/protobuf-decoder.html) | 解码 Protobuf 二进制数据，无需 schema 定义 |
| [RSA 密钥对生成器](tools/dev/rsa-keygen.html) | 生成 RSA 公私钥对 |
| [Semver 比较器](tools/dev/semver-compare.html) | 语义化版本号比较和验证 |
| [Slug 生成器](tools/dev/slug-generator.html) | 生成 URL 友好的 slug 字符串 |
| [SQL 格式化](tools/dev/sql-formatter.html) | SQL 语句格式化和美化 |
| [TOML/YAML/JSON 转换器](tools/dev/toml-yaml-json.html) | TOML、YAML、JSON 配置格式互相转换 |
| [Unicode 查询](tools/dev/unicode-lookup.html) | Unicode 字符查询和信息 |
| [Unicode 转换器](tools/dev/unicode-converter.html) | Unicode 编解码，支持 \uXXXX、HTML 实体等格式 |
| [URL 编解码](tools/dev/url-codec.html) | URL 编码与解码，支持完整 URL 或组件 |
| [URL 解析器](tools/dev/url-parser.html) | 解析 URL 各组成部分，提取查询参数 |
| [XML 格式化](tools/dev/xml-formatter.html) | XML 格式化和验证 |
| [XML ⇄ JSON 转换](tools/dev/xml-json.html) | XML 与 JSON 格式互转 |
| [HTML 格式化](tools/dev/html-formatter.html) | HTML 代码格式化、压缩和美化 |
| [JavaScript 格式化](tools/dev/js-formatter.html) | JavaScript 代码格式化、压缩和美化 |
| [JSON Diff 对比](tools/dev/json-diff.html) | 智能对比两个 JSON 的结构和值差异 |
| [Border Radius 生成器](tools/dev/css-border-radius.html) | CSS 圆角可视化生成器 |
| [Flexbox 可视化编辑器](tools/dev/flexbox-playground.html) | 可视化调整 Flexbox 布局属性，实时预览效果 |
| [色盲模拟器](tools/dev/color-blindness.html) | 模拟不同类型色盲用户看到的颜色效果 |
| [CSS 动画生成器](tools/dev/css-animation.html) | 可视化创建 CSS 关键帧动画，一键生成代码 |
| [.gitignore 生成器](tools/dev/gitignore-generator.html) | 选择编程语言和框架，快速生成 .gitignore 文件 |
| [Punycode 转换器](tools/dev/punycode.html) | 国际化域名 (IDN) 与 Punycode 编码互转 |
| [字符集转换器](tools/dev/charset-converter.html) | 文本编码转换，支持 UTF-8/16、Hex、URL 编码等格式 |
| [HTML 模板生成器](tools/dev/html-template.html) | 生成 HTML5 页面模板，支持多种布局和 CSS 框架 |
| [README 生成器](tools/dev/readme-generator.html) | 快速生成项目 README.md，支持徽章、特性、安装说明等 |
| [License 生成器](tools/dev/license-generator.html) | 生成开源许可证文件，支持 MIT、Apache、GPL 等协议 |
### 文本工具 (23 个)
| 工具 | 描述 |
| ----------------------------------------------------- | --------------------------------------------------- |
| [空白字符清理](tools/text/whitespace-cleaner.html) | 清理多余空白、空行、行首尾空格 |
| [罗马数字转换器](tools/text/roman-numeral.html) | 罗马数字转换 |
| [摩尔斯电码](tools/text/morse-code.html) | 文本与摩尔斯电码互转，支持音频播放 |
| [盘古之白](tools/text/pangu-spacing.html) | 自动在中英文之间添加空格，优化排版 |
| [文本 Diff](tools/text/text-diff.html) | 文本差异对比，左右并排显示，行内差异高亮 |
| [文本大小写转换](tools/text/case-converter.html) | 文本大小写转换 |
| [文本加密/解密](tools/text/text-cipher.html) | 多种古典加密算法：凯撒、ROT13、栅栏等 |
| [文本排序](tools/text/text-sort.html) | 按字母、数字、长度等方式排序文本行 |
| [文本去重](tools/text/text-dedup.html) | 去除重复行，支持保持顺序和忽略大小写 |
| [文本随机化工具](tools/text/text-randomizer.html) | 文本随机打乱 |
| [文本统计增强版](tools/text/text-stats.html) | 文本统计分析 |
| [行排序工具](tools/text/line-sorter.html) | 按字母、数字或自定义规则排序文本行 |
| [字符串转义](tools/text/string-escape.html) | 字符串转义和反转义 |
| [字数统计](tools/text/word-counter.html) | 统计字符、单词、句子、段落数量 |
| [CSV ⇄ JSON 转换](tools/text/csv-json.html) | CSV 与 JSON 互转 |
| [Lorem Ipsum 生成器](tools/text/lorem-ipsum.html) | 生成占位文本，支持段落、句子、单词模式 |
| [Markdown 预览](tools/text/markdown-preview.html) | 实时 Markdown 预览，支持 GFM 语法，可导出 HTML |
| [NATO 字母表](tools/text/nato-alphabet.html) | NATO 音标字母表转换 |
| [Slugify 工具](tools/text/slugify.html) | 生成 URL slug |
| [HTML ⇄ Markdown 转换](tools/text/html-markdown.html) | HTML 与 Markdown 双向转换，支持表格、代码块、链接等 |
| [Markdown 表格生成器](tools/text/markdown-table.html) | 可视化编辑 Markdown 表格，支持导入 CSV 数据 |
| [文本对比增强版](tools/text/text-compare.html) | 增强版文本对比，支持分栏/统一视图，忽略大小写和空白 |
| [文本模板填充器](tools/text/template-filler.html) | 文本模板变量填充，支持批量生成和 CSV 导入 |
### 时间工具 (9 个)
| 工具 | 描述 |
| ------------------------------------------------ | -------------------------------------------- |
| [倒计时器](tools/time/countdown.html) | 设定倒计时或目标日期倒数，支持通知提醒 |
| [工时计算器](tools/time/work-hours.html) | 计算工作时长、加班时间和薪资估算 |
| [年龄计算器](tools/time/age-calculator.html) | 根据生日计算精确年龄、星座、生肖等信息 |
| [日期计算器](tools/time/date-calculator.html) | 计算日期差异、日期推算、工作日统计 |
| [时间戳转换](tools/time/timestamp.html) | 时间戳与日期互转，支持多种格式和时区 |
| [时区转换器](tools/time/timezone-converter.html) | 在不同时区之间转换时间 |
| [世界时钟](tools/time/world-clock.html) | 世界时钟 |
| [Cron 表达式解析](tools/time/cron-parser.html) | 解析 Cron 表达式，展示可读描述和下次执行时间 |
| [秒表计时器](tools/time/stopwatch.html) | 在线秒表，支持计次、暂停、毫秒精度显示 |
### 生成器 (14 个)
| 工具 | 描述 |
| ------------------------------------------------------- | ---------------------------------------------- |
| [二维码生成器](tools/generator/qrcode-generator.html) | 生成自定义颜色和大小的二维码 |
| [假数据生成器](tools/generator/fake-data.html) | 生成测试用的假数据：姓名、邮箱、地址、电话等 |
| [密码生成器](tools/generator/password-generator.html) | 生成安全随机密码，支持自定义长度和字符类型 |
| [随机数生成器](tools/generator/random-number.html) | 随机数生成器 |
| [条形码生成器](tools/generator/barcode.html) | 生成多种格式条形码：Code128、EAN、UPC 等 |
| [头像生成器](tools/generator/avatar.html) | 生成多种风格的头像：首字母、像素、Identicon 等 |
| [占位图生成器](tools/generator/placeholder-image.html) | 生成自定义尺寸、颜色、文字的占位图片 |
| [CSS 渐变生成器](tools/generator/gradient-css.html) | 可视化创建 CSS 渐变，支持线性、径向和锥形渐变 |
| [Mock 数据生成器](tools/generator/mock-data.html) | 生成模拟测试数据 |
| [NanoID 生成器](tools/generator/nanoid-generator.html) | 生成紧凑的 URL 安全短 ID，可自定义长度和字符集 |
| [Open Graph 预览器](tools/generator/og-preview.html) | Open Graph 预览 |
| [UUID/ULID 生成器](tools/generator/uuid-generator.html) | 生成 UUID v4/v7 和 ULID，支持批量生成 |
| [WiFi 二维码生成器](tools/generator/wifi-qrcode.html) | WiFi 二维码生成 |
| [二维码扫描器](tools/generator/qrcode-scanner.html) | 在线二维码扫描器，支持摄像头扫描和图片上传 |
### 媒体工具 (16 个)
| 工具 | 描述 |
| ----------------------------------------------------------- | ------------------------------------------------ |
| [摄像头拍照](tools/media/camera-demo.html) | 调用摄像头拍照并保存到本地 |
| [图片裁剪](tools/media/image-crop.html) | 在线裁剪图片，支持自由裁剪和预设比例 |
| [图片格式批量转换](tools/media/image-format-converter.html) | 批量转换图片格式，支持 PNG/JPG/WebP/AVIF |
| [图片水印](tools/media/image-watermark.html) | 为图片添加文字或图片水印，支持平铺 |
| [图片压缩](tools/media/image-compressor.html) | 本地图片压缩，支持调整质量、尺寸和格式转换 |
| [图片压缩对比](tools/media/image-resize.html) | 比较不同质量设置下的图片压缩效果 |
| [图片转 ASCII 艺术](tools/media/image-to-ascii.html) | 图片转 ASCII 字符画 |
| [文字转语音](tools/media/text-to-speech.html) | 使用 Web Speech API 将文字转为语音朗读 |
| [音频可视化器](tools/media/audio-visualizer.html) | 音频频谱可视化，支持波形、柱状等多种显示模式 |
| [Base64 图片转换](tools/media/base64-image.html) | 图片与 Base64 编码互转，支持多种格式 |
| [EXIF 信息查看](tools/media/exif-viewer.html) | 查看图片的 EXIF 元数据和拍摄信息 |
| [Favicon 生成器](tools/media/favicon-generator.html) | 从文字或图片生成多尺寸 Favicon 图标 |
| [ICO 图标查看器](tools/media/ico-viewer.html) | 查看和提取 ICO 文件中的所有图标尺寸 |
| [SVG 渲染器](tools/media/svg-render.html) | 将 SVG 代码渲染为 PNG/JPEG 图片 |
| [SVG 占位图生成器](tools/media/svg-placeholder.html) | SVG 占位图生成 |
| [截图美化工具](tools/media/screenshot-beautifier.html) | 给截图添加精美背景、阴影和圆角，一键生成分享图片 |
### 隐私安全 (8 个)
| 工具 | 描述 |
| ---------------------------------------------------- | ------------------------------------------------- |
| [密码强度检测](tools/priv
…
## Source & license
This open-source MCP server is cataloged on AgentStack and links to its original source — we do not rehost the code.
- **Author:** [chicogong](https://github.com/chicogong)
- **Source:** [chicogong/html-tools](https://github.com/chicogong/html-tools)
- **License:** MIT
- **Homepage:** https://tools.realtime-ai.chat
Install and usage instructions live in the source repository linked above.
## Pricing
- **Free** — Free
## Security capabilities
Automated source analysis of v0.1.0 — what this tool can access:
- **Network access:** yes
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no
*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*
## Versions
- **0.1.0** — security scan: passed — Imported from the upstream source.
## Links
- Listing page: https://agentstack.voostack.com/l/mcp-chicogong-html-tools
- Seller: https://agentstack.voostack.com/s/chicogong
- Browse the marketplace: https://agentstack.voostack.com/browse
---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.