- 80+ 实用工具:健康、图片、文本、颜色、开发、数学、随机、娱乐 8 大分类
- 纯静态导出:
output: "export",无服务器,可部署到任何静态托管(GitHub Pages / Cloudflare Pages / Vercel) - 隐私安全:所有计算均在浏览器本地完成,数据不出设备
- 明暗主题:基于
next-themes的主题切换 - 参考 ToolOnline 交互:输入 → 点击按钮 → 出结果,无自动计算的干扰
| 分类 | 部分工具 |
|---|---|
| 💪 健康 | BMI、BMR、体脂率、标准体重、燃脂心率、贷款计算、退休查询 |
| 🖼️ 图片 | 二维码、条形码、图片转 Base64、哈希头像 |
| 📝 文本 | 大小写转换、文本替换、文本对比、颜文字/符号大全 |
| 🎨 颜色 | 颜色转换、配色工具 |
| 👨💻 开发 | Base64、URL/Unicode 编解码、MD5/SHA/HMAC、AES/DES/RC4 加密、时间戳、进制转换、代码格式化 |
| 🔢 数学 | 单位换算、几何计算、比例计算、圆周率查询 |
| 🎲 随机 | 随机数、随机密码、序列号生成 |
| 🎉 娱乐 | 摩斯密码、抽奖、幸运数字/幸运色、身价计算 |
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建静态站点(输出到 out/)
npm run build打开 http://localhost:3000 查看。
- 框架:Next.js 16(App Router + 静态导出)
- UI:shadcn/ui(Base UI)+ Tailwind CSS 4
- 图标:Lucide
- 加密/哈希:crypto-js
src/
├── app/ # 路由(/ + /[category]/[tool])
├── components/
│ ├── tools/ # 工具实现 + 共享引擎 engines/
│ └── ui/ # shadcn/ui 组件
└── lib/
├── tools.ts # 工具分类与注册表
└── configs/ # 单位等静态配置
添加新工具只需两步:
- 在
src/lib/tools/对应分类中注册(slug、名称、描述) - 在
src/components/tools/实现组件(复用engines/中的通用引擎)
欢迎提交 Issue 和 PR!无论是新工具、交互优化还是 Bug 修复都非常感谢。
AGPL-3.0 © CuzTeam