简单好用的在线工具站源码

哎哟你干嘛

一个简洁、可自部署、支持多语言与 SEO 路由的在线工具站，覆盖开发、文本、时间、图片、编码与常用生成场景。
Docker 部署
docker pull licoy/utils.fun:latest
docker run -d \
  --name utils-fun \
  --restart unless-stopped \
  -p 3000:3000 \
  licoy/utils.fun:latest
访问 http://localhost:3000。
本地开发

npm install
npm run dev

项目亮点

55 个工具，8 个分类，首页、搜索、收藏、详情页统一联动。

浏览器本地优先，常见文本、编码、时间、图片与开发类工具尽量不上传用户数据。

已支持 9 种语言，普通访问走无前缀路径，SEO 页面支持 /{locale}/{slug}。

站点标题、描述、页脚、Logo Alt 支持在 site.config.* 里按语言配置。

基于 Next.js 16、React 19、TypeScript 与 Tailwind CSS v4 构建。

站点配置

站点品牌与部署配置优先通过根目录下列文件维护：

site.config.default.ts

site.config.dev.ts

site.config.prod.ts

其中 i18n 字段可以按语言覆盖：

title

description

footerHtml

logoAlt

生产环境还支持全局环境变量覆盖：

SITE_TITLE SITE_TITLE_SEPARATOR SITE_DESCRIPTION SITE_URL SITE_LOGO_SRC SITE_LOGO_ALT SITE_LOGO_WIDTH SITE_LOGO_HEIGHT SITE_LOGO_HIDDEN SITE_FOOTER_HTML SITE_GITHUB_URL

开发检查

npm run lint
npm run build

新增工具

在 lib/tools/registry.ts 和 lib/tools/content/* 中补充工具元信息。

在 components/tool-icon.tsx 中补充工具图标。

在 components/tool-workbench.tsx 中注册工具实现。

执行 npm run lint 与 npm run build。

游客，如果您要查看本帖隐藏内容请回复

wgqxj

谢谢分享

shuaier

感谢分享！

year1970

感谢分享

sjtkxy

谢谢分享新手

wh1234567

支持一下

陈治勤

66666666666666

ACxaib

虽然看不懂，我还是要支持一下

welkin

虽然非常棒，就是部署有点复杂！

8657

虽然看不懂，我还是要支持一下楼主