Code tools
Ten instant developer utilities that run entirely in your browser — format snippets, explore regex, build CSS layouts, generate placeholders, and look up references without installing anything.
100% client-side · no upload · no tracking
-
代码片段格式化
粘贴 HTML、CSS 或 JavaScript,一键取得干净缩进与格式化后的输出。
打开工具 →
-
Regex 速查表
交互式正规表达式参考,点击任一样式即可拷贝,并附实时测试输入框。
打开工具 →
-
CSS Grid 生成器
可视化设置 CSS Grid 版面(栏、列、间距与位置)并拷贝生成的 CSS。
打开工具 →
-
CSS Flexbox 生成器
可视化设置 flexbox 容器与项目属性,预览结果并拷贝 CSS。
打开工具 →
-
CSS 断点测试器
查看当前窗口宽度激活的 CSS 断点:Tailwind、Bootstrap 或自定义。
打开工具 →
-
Lorem 图片 URL 生成器
以自定义尺寸生成 Picsum、Placehold.co 与 via.placeholder 的占位图 URL。
打开工具 →
-
占位图片生成器
以任意尺寸、自定义颜色与标签文字生成占位图,可下载为 PNG。
打开工具 →
-
Emoji 速查表
浏览与搜索所有标准 emoji,含 Unicode 码点与 HTML 实体,点击拷贝。
打开工具 →
-
ASCII 对照表
完整 ASCII 字符表,含十进位、十六进位、八进位、二进位与 HTML 实体值,点击拷贝。
打开工具 →
-
HTTP 方法参考
HTTP 方法快速参考(GET、POST、PUT、PATCH、DELETE),含语意与常见状态码。
打开工具 →
-
条码生成器
在浏览器内生成 Code128、EAN-13、UPC-A 和 Code39 条码,格式为 SVG/PNG。
打开工具 →
Why browser-only code tools?
Pasting code snippets, tokens, or API payloads into third-party websites is a security risk. These tools run entirely inside your browser — your code never leaves your device, there is no server, and no data is logged. Use them freely on any network, including air-gapped machines.