项目演示

JustHTMLs 是一个开源的 HTML 工具集平台,汇集各种轻量级的在线工具。所有工具均为单文件 HTML,无需安装,打开即用,数据在浏览器本地处理,保护您的隐私。

致力于打造最完整的中文 HTML 工具集合。

• 单文件设计 - 所有工具都是独立的 HTML 文件,内联 CSS 和 JavaScript
• 无需构建 - 不使用 React/JSX,直接从浏览器打开
• 隐私优先 - 数据在本地处理,不发送到服务器
• 本地依赖 - 第三方库放入 assets/vendor,离线可用
• 可选 CDN - CDN 优先,失败自动回退到本地资源
• 开源免费 - MIT 许可证,欢迎贡献

• Base32 编码
• Base32 解码
• Base36 编码
• Base36 解码
• Base58 编码
• Base58 解码
• Base64 URL 安全编码
• Base64 URL 安全解码
• Base64 编码解码
• CSV 转 JSON
• CSV 转 TSV
• CSV 转 YAML
• HEX 编码
• HEX 解码
• HTML 实体编码/解码
• JSON 字符串转义
• JSON 格式化工具
• JSON 转 CSV
• JSON 转 TSV
• JSON 转 XML
• JSON 转 YAML
• JSONL 转换器
• TSV 转 CSV
• TSV 转 JSON
• URL 编码解码
• Unix 时间戳转换
• XML 转 JSON
• XML 转 YAML
• YAML 转 CSV
• YAML 转 JSON
• YAML 转 XML
• YAML 验证器
• 进制转换工具

• CSS 压缩/格式化工具
• Cron 表达式生成器
• CURL 转代码工具
• Gitignore 生成器
• HTML 压缩器
• HTML 格式化工具
• HTTP 状态码查询
• JSON 压缩器
• JSON 键名排序
• JWT 生成器
• JWT 解码器
• JavaScript 压缩器
• JavaScript 格式化工具
• Meta 标签生成器
• NanoID 生成器
• Robots.txt 生成器
• SQL 压缩器
• SQL 格式化工具
• Sitemap 生成器
• ULID 生成器
• URL 参数生成器
• URL 解析器
• UUID 生成器
• XML 压缩器
• XML 格式化工具
• YAML 压缩器
• YAML 格式化工具
• 哈希生成器
• 正则表达式测试器
• 渐变色生成器
• 颜色对比度检测
• 颜色选择器

• Emoji 清理器
• 每日一言
• HTML 转 Markdown
• HTML 转纯文本
• JSON 转 Markdown 表格
• Lorem Ipsum 生成器
• Markdown 表格生成器
• Markdown 转 HTML
• Markdown 转纯文本
• ROT13 编码
• URL Slug 生成器
• Unicode 反转义
• Unicode 转义
• 二进制转文本
• 凯撒密码
• 大小写转换工具
• 字数统计工具
• 摩斯电码编码
• 摩斯电码解码
• 文本分割器
• 文本去重工具
• 文本反转工具
• 文本合并器
• 文本对比工具
• 文本换行器
• 文本排序工具
• 文本查找替换
• 文本清理器
• 文本缩进工具
• 文本转 HTML
• 文本转二进制
• 行号添加器
• 行尾符转换器

• 图片加水印
• 图片压缩工具
• 图片尺寸调整
• 图片拼接
• 图片旋转翻转
• 图片滤镜
• 图片裁剪
• 图片转 Base64
• 图片转 WebP

• BMI 计算器
• 倒计时器
• 二维码生成器
• 单位换算器
• 字节大小转换器
• 抽签工具
• 掷骰子工具
• 石头剪刀布
• 安全密码生成器
• 密码强度检测
• 日期差值计算器
• 百分比计算器
• 随机抽取器
• 随机数生成器

直接访问 JustHTMLs 网站 即可使用所有工具。

# 克隆仓库
git clone https://github.com/justhtmls/html-tools.git
cd html-tools
# 使用任意静态服务器运行
python -m http.server 8000
# 或
npx serve .

然后在浏览器中访问 http://localhost:8000

我们欢迎社区贡献!提交新工具的流程非常简单:

1. 创建你的工具(单文件 HTML)
2. 创建工具提交 Issue
3. 填写工具信息并粘贴代码
4. 等待审核通过后合并

1. Fork justhtmls/html-tools 仓库
2. 在 tools/ 目录下创建你的工具文件夹
3. 按规范创建工具文件
4. 更新 index.json 索引
5. 提交 Pull Request

每个工具必须包含:

tools/
 └── your-tool/
 ├── index.html # 工具详情页(介绍页面)
 └── app.html # 工具实体页(实际运行的工具)

设计原则:

• 单文件 HTML,内联 CSS/JS
• 不使用 React 或需要构建的技术
• 从本地 assets/vendor 加载第三方库
• 保持精简(建议 500 行以内)
• 数据本地处理,保护隐私

详细内容请查看 贡献指南。

html-tools/
├── index.html # 主站门户首页
├── index.json # 工具索引文件
├── CONTRIBUTING.md # 贡献指南
├── README.md # 项目说明
├── tools/ # 工具目录
│ └── tool-name/ # 单个工具文件夹
│ ├── index.html # 工具详情页
│ └── app.html # 工具实体页
└── .github/
 └── ISSUE_TEMPLATE/ # GitHub Issue 模板
 ├── tool-submission.md
 └── bug-report.md

• 基础网站框架
• 工具索引系统
• 搜索和过滤功能
• 工具提交流程
• 用户系统(收藏、历史记录)
• 工具评分和评论
• 私人工具侧载功能
• 移动端优化

• 纯 HTML/CSS/JavaScript - 无构建步骤
• GitHub Pages - 静态托管
• GitHub Issues - 工具提交流程

MIT License - 详见 LICENSE 文件

• 所有贡献者 - 感谢你们的贡献!