純前端 · 檔案不離開瀏覽器
純前端線上工具集 — 開發者、設計師、所有人都能用
PDF 合併壓縮、HEIC → JPG、圖片轉 PDF、顏色轉換、JWT、Regex、JSON、Mock API、台灣測試資料… 全部在你的瀏覽器跑,檔案不上傳。
60個工具6個分類0次上傳
依分類探索
全部工具
速查 / 參考
百分位計算
貼一排 response time → p50/p90/p95/p99 + Apdex
開發 / API
JWT decoder / generator
解析 JWT header / payload / 過期時間,可重新簽章
開發 / API
cURL ↔ fetch ↔ Python 互轉
貼 cURL 指令 → 一鍵轉 fetch / Python requests / HTTPie
開發 / API
CSS / XPath Selector 測試器
貼 HTML + selector → 即時 highlight 命中元素
開發 / API
Regex builder 即時測試
pattern + 測試字串 → 即時 highlight + capture groups
開發 / API
Mock API 設計器
設計 endpoint → 輸出 Mockoon / Playwright / Postman / json-server config
開發 / API
Hash 計算(MD5 / SHA-1/256/384/512)
文字即時 hash + 檔案完整性校驗,5 種演算法同時輸出。WebCrypto + 自實作 MD5,純前端
開發 / API
UUID 產生器(v4 / v7 批次)
一次產生 1-1000 個 UUID v4 隨機或 v7 時序版,大小寫 / 去連字符 / 加大括號可選。後端 / 測試資料剛需
開發 / API
正則替換 + 捕捉組預覽
三欄即時:pattern / replacement / input,捕捉組 $1 $2 / 命名群組 $<name> 預覽,所有 flags 可調,跟既有 regex 工具互補
開發 / API
Cron 表達式視覺化
5 欄拆解 + 自然語言描述 + 下 N 次觸發時間預覽。支援 @daily 等 alias、月份 / 星期英文名、step、range
開發 / API
密碼強度 + 破解時間估算
純前端熵估算 + 5 種攻擊者破解時間(從 rate-limited 到 GPU 暴力),弱模式偵測,密碼絕不離開瀏覽器
開發 / API
AI Token 估算器(GPT / Claude / Gemini)
貼 prompt 估算 tokens 數量與 5 種模型的成本,即時看是否超過 context window,AI 預算必備
開發 / API
JSON 推 TypeScript type
貼 JSON 即時推 type / interface,自動命名巢狀型別、合併陣列共同 shape、識別 optional 欄位、支援 readonly
資料 / 格式 / 文字
台灣測試資料產生器
身分證、統編、手機、信用卡(Luhn)合法假資料
資料 / 格式 / 文字
JSON formatter + Schema validator
格式化 / minify / 排序 + JSON Schema 驗證
資料 / 格式 / 文字
Unix 時間 + 時區轉換
秒 / 毫秒 / ISO 互轉,任意時區即時顯示
資料 / 格式 / 文字
Markdown 批次翻譯
自帶 OpenAI / Anthropic / Google API key,批次翻譯 .md 檔,保留 frontmatter / code / 連結結構
資料 / 格式 / 文字
QR Code 產生器(可加 Logo)
支援 URL / WiFi / vCard / Email,可自訂顏色 + 中央 Logo,輸出 PNG / SVG
資料 / 格式 / 文字
程式碼美化 / 壓縮(10 種語言)
Prettier 引擎美化 JS / TS / CSS / HTML / JSON / Markdown / YAML,並可一鍵 minify JSON / CSS / HTML。自動判語言
資料 / 格式 / 文字
Markdown 編輯器(即時預覽)
雙欄即時預覽,支援 GFM 表格 / 任務清單 / 程式區塊,輸出 HTML 與含樣式的單檔 HTML
資料 / 格式 / 文字
URL / Base64 / HTML 編解碼
六種格式即時互轉 — URL、URI component、Base64、Base64URL、HTML entities、Unicode escape。後端 / 爬蟲 / debug 神器
資料 / 格式 / 文字
JSON 差異視覺化(deep diff)
兩份 JSON 並排即時 diff,路徑 + 新增 / 移除 / 變更顏色高亮,陣列 by index 比對。後端 / API / config 比對神器
資料 / 格式 / 文字
CSV / TSV 表格預覽 + 互轉
RFC 4180 解析,表格化預覽 + 欄位統計(unique / empty / numeric),輸出 JSON / TSV / Markdown / CSV
資料 / 格式 / 文字
假文產生器(拉丁 / 繁中 / Tech)
三種詞庫:經典 Lorem Ipsum、繁中假文(設計師剛需)、英文 Tech 詞彙。輸出字 / 句 / 段,seed 可重現
資料 / 格式 / 文字
Unix timestamp ↔ 多時區
貼 epoch(秒 / 毫秒)或 ISO 字串,即時顯示多時區當地時間 + 相對時間。後端 log debug 神器
資料 / 格式 / 文字
文字 diff(行對比)
純文字 LCS 演算法行 diff,雙欄並排 + 新增 / 移除 / 變更分色,可忽略空白 / 大小寫,輸出 unified diff
資料 / 格式 / 文字
命名格式互轉
camelCase / PascalCase / snake_case / kebab-case / CONSTANT_CASE / dot / path 等 9 種命名格式一次列出,任貼任轉
資料 / 格式 / 文字
Slugify(URL 友善化,含 CJK)
把任意標題轉成 URL slug:去重音 / 統一大小寫 / 切割標點,中日韓字保留或可選去除,支援長度截斷
資料 / 格式 / 文字
Emoji 資訊查詢
250+ 常用 emoji 速查 + 分類過濾,單擊看 codepoint / shortcode / HTML entity,支援貼 emoji 反查
視覺 / CSS
cubic-bezier 編輯器
視覺化 CSS easing 曲線,SVG 拖曳兩個控制點,輸出 CSS / Tailwind v4 / Framer Motion / @keyframes
視覺 / CSS
CSS 漸層編輯器
linear / radial / conic 三種漸層即時編輯,輸出 CSS / Tailwind v4 任意 class / SVG
視覺 / CSS
Type Scale + Fluid clamp() 字級產生器
用 modular ratio + 雙視窗 clamp() 算出整套字級,輸出 Tailwind v4 @theme / CSS vars / SCSS
視覺 / CSS
box-shadow 編輯器(多層 + Material elevation)
多層陰影視覺化編輯,內建 Tailwind 5 級 + Material elevation 9 級 preset
視覺 / CSS
Glassmorphism + Neumorphism 二合一
毛玻璃(backdrop-filter)+ 柔質感(雙陰影 raised/inset)一站搞定,3 種預覽背景
視覺 / CSS
CSS clip-path 編輯器
拖點生成 polygon / circle / ellipse / inset,9 種預設(三角 / 六邊 / 星 / 箭頭…),輸出 CSS / Tailwind v4 / SVG path
視覺 / CSS
Mermaid 流程圖編輯器
純文字寫流程圖 / 序列圖 / 甘特圖 / 心智圖 / 類別圖 / 圓餅圖,即時預覽,下載 SVG / PNG。docs / readme / blog 神器
視覺 / CSS
CSS Grid 視覺化產生器
拖點編輯 rows / cols / gap / 命名 areas,即時預覽 + 一鍵輸出 CSS。內建 Holy Grail / Dashboard 12-col 等範本
顏色 / 無障礙
顏色格式轉換器
hex / rgb / hsl / oklch / oklab 即時雙向轉換,附近似 Tailwind class
顏色 / 無障礙
Tailwind 色階產生器
從一個品牌色生成完整 50-950 色階,輸出 v4 @theme / v3 config / CSS variables
顏色 / 無障礙
WCAG 對比 + APCA 檢查器
前景背景色即時對比 (WCAG 2.1 + APCA Lc),不合格時自動推薦最近合格色
顏色 / 無障礙
色盲模擬器(8 種 + 正常)
Brettel / Machado 矩陣模擬 8 種色盲,色票或圖片同時並排顯示。設計無障礙界面必備
圖片 / PDF / 影音
圖片 ↔ Base64 互轉
拖曳圖片 → data URI / 原始 base64 / HTML / CSS 一鍵複製;貼 base64 → 預覽 + 下載
圖片 / PDF / 影音
HEIC → JPG / PNG / WebP
iPhone 拍的 .heic 一鍵轉檔,支援批次處理 + ZIP 下載,完全在瀏覽器跑
圖片 / PDF / 影音
圖片壓到指定大小
二分搜尋 JPEG 畫質,壓到 300KB / 500KB / 2MB 等指定大小。報名 / 履歷 / 政府表單必備
圖片 / PDF / 影音
圖片裁切(自由 / 比例 / 圓形)
拖框視覺化裁切,鎖固定比例(1:1 / 16:9 / 3:2…)、圓形 mask,輸出 PNG / JPG / WebP,可指定輸出寬度
圖片 / PDF / 影音
圖片改尺寸(等比 / 上限 / 百分比)
4 種模式:等比塞進指定框、限定最長邊、百分比縮放、強制指定尺寸,輸出 JPG / PNG / WebP。預設防放大,純前端
圖片 / PDF / 影音
Favicon 全套產生器
三模式輸入(emoji / 文字 / 上傳),一次輸出 favicon.ico、PNG 全尺寸、PWA maskable、HTML snippet,打包 ZIP
圖片 / PDF / 影音
SVG 最佳化
純前端 SVG 瘦身:移除註解 / metadata / 編輯器屬性 / 預設值、空 group、捨入小數,前後並排預覽 + 顯示節省 %
圖片 / PDF / 影音
圖片 → PDF
多張圖片拖曳排序合併成 PDF,可調紙張 / 方向 / 多 up / 邊距 / 畫質,純前端不上傳
圖片 / PDF / 影音
PDF 合併 / 分割 / 抽頁
多檔合併、依範圍分割成多檔 ZIP、抽出指定頁成新檔。純前端,機密文件 / 合約適用
圖片 / PDF / 影音
PDF 壓縮
兩種模式 — 無損輕量壓縮(保留文字)或重壓 rasterize(50-80% 縮減,文字變圖)
圖片 / PDF / 影音
PDF 頁面編輯
縮圖網格中選取頁面 → 旋轉 / 刪除 / 複製 / 重排,輸出新 PDF。純前端
圖片 / PDF / 影音
PDF 解鎖 / 移除密碼
移除 PDF 列印 / 複製限制(無需密碼),或用你自己的密碼解開加密 PDF
圖片 / PDF / 影音
PDF 加浮水印 + 頁碼
文字 / 圖片浮水印,可平鋪斜紋整頁、調整透明度與旋轉,並自動加上頁碼。純前端
圖片 / PDF / 影音
PDF 拆成圖片(PNG / JPG / WebP)
PDF 每頁渲染為高解析圖片,可選頁數範圍 + 倍率,多頁打包成 ZIP。純前端,合約 / 報表 / 機密文件適用
圖片 / PDF / 影音
多張圖 → GIF 動畫
拖入多張圖片,可拖曳排序、改 delay / 循環 / 尺寸 / 顏色數,純前端 GIF encoder(gifenc),不上傳
圖片 / PDF / 影音
影片轉 GIF
MP4 / WebM / MOV 拖入,選秒數區間與 fps,瀏覽器內 seek + canvas + gifenc 輸出 GIF。檔案不上傳
速查 / 參考
測試框架 Cheatsheet
Robot Framework / Playwright / Appium 速查
速查 / 參考
HTTP 狀態碼大全
60+ 個 HTTP 狀態碼速查,5 分類過濾、即時搜尋(輸入數字或關鍵字),附 RFC 參考與常見誤用提示
速查 / 參考
npm 套件大小(bundle size)查詢
查 minified / gzip 大小 + 相依數 + tree-shake 狀況,多套件可並排比較。前端選 dep 必看