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.