DevToys New Tab

Developer tools new tab from DevToys: JSON formatter, Base64 encoder/decoder, hash generator, UUID, JWT decoder. Offline. Dev Toys!

🛠️ DevToys New Tab: Swiss Army Knife for Developers Turn your browser's new tab into a fast developer tools workspace. DevToys New Tab is a dev utils Chrome extension that bundles 30+ essential utilities across formatting, encoding, data conversion, DevOps helpers, testing tools, and image/color tools. Most tools run locally in your browser (offline), so you can work without relying on random online converters. 📌 Local tools + GA4 analytics Tool inputs are processed locally in your browser. The extension uses Google Analytics (GA4) for basic usage analytics (e.g., feature usage). DevToys does not sell personal data. 🔍 Middle Box Search The new tab page includes a search box that uses your browser's default search engine via the Chrome Search API. • Search requires an internet connection. • Developer tools work offline. 🚀 Quick Start Guide 1. Install the extension 2. Open a new tab OR click the extension icon for a popup view 3. Use the search box to search the web with your default search engine 4. Select a tool from the sidebar 5. Start working immediately 💡 Two Ways to Access Dev Tools • New Tab — Opens automatically for instant developer tools access • Popup — Click the extension icon for a quick dev toolbox without opening a new tab ✅ Developer tools included (highlights) 1️⃣ JSON formatter & JSON validator — format, minify, validate, unescape JSON, syntax highlighting, error line numbers 2️⃣ Base64 encoder/decoder — standard + URL-safe Base64 variants 3️⃣ Hash generator — MD5, SHA-1, SHA-256, SHA-512 4️⃣ UUID generator — UUID v4 with one-click copy 5️⃣ JWT decoder — inspect JSON Web Tokens (header, payload, signature) 6️⃣ URL encoder/decoder + HTML encoder/decoder — safe escaping for web work 7️⃣ YAML formatter — clean and format YAML configuration files 8️⃣ SQL formatter — format and beautify SQL queries 9️⃣ XML formatter + XML validator — format, validate, and troubleshoot XML 🔟 Diff tool + list compare — compare text side-by-side, compare lists (diff/intersection) 🧪 Regex tester + JSONPath tester — test patterns/expressions with live matching 🗂️ Data converters — JSON ↔ CSV, XML ↔ JSON, date converter, number base converter (bin/oct/dec/hex) 📝 Markdown preview — live Markdown rendering for docs and README work 🖼️ Image tools — image compressor, image converter (PNG/JPG/WebP/etc.), image resizer, image boxing (letterbox/padding) 🎨 Color tools — color picker (multiple formats) + color blindness simulator (accessibility checks) 💎 Why Developers Use DevToys New Tab ➤ One place for daily dev tools: formatters, converters, validators, testers, and image utilities ➤ Offline developer tools for focused workflows (tools offline; search needs internet) ➤ Clean, modern interface built for speed ➤ Local processing for tool inputs ➤ Uses GA4 for basic usage analytics ➤ Works on Chrome and Chromium-based browsers (Edge, Brave) 🔧 Formatters & Validators (JSON / SQL / XML / YAML) ◆ JSON formatter + validator: beautify, minify, unescape, and debug invalid JSON quickly ◆ SQL formatter: keep queries readable and consistent ◆ XML formatter + XML validator: troubleshoot XML fast ◆ YAML formatter: clean up configs for CI/CD, Kubernetes, Docker, and app settings 🔐 Encoders, Decoders, and Escaping Tools 🔹 Base64 encoder/decoder (standard + URL-safe) 🔹 URL encoder/decoder for query strings and special characters 🔹 HTML encoder/decoder for entities 🔹 Text escape/unescape utilities for safe transformations 🧪 Testing & Debugging Tools ▸ JWT decoder for authentication flows ▸ Regex tester for quick pattern validation ▸ JSONPath tester for extracting data from JSON ▸ Diff tool for comparing text changes ▸ List compare for differences/intersections 🗂️ Converters & Helpers • JSON ↔ CSV converter for data exports/imports • XML ↔ JSON converter for APIs and integrations • Date converter for common date formats • Number base converter: binary, octal, decimal, hex • Cron parser to parse and explain cron expressions 🖼️ Graphics / Image Tools + Color Tools • Image compressor with quality settings • Image converter between common formats (PNG/JPG/WebP/etc.) • Image resizer with high-quality scaling • Image boxing (letterbox/pillarbox padding) • Color picker with multiple formats • Color blindness simulator for accessibility testing 🧐 FAQs ❓ Does the extension work offline? 💡 Developer tools work offline. The search box requires internet because it uses your default search engine. ❓ Does the search box change my default search engine? 💡 No. The search box uses the Chrome Search API and respects your current browser search settings. ❓ Is my data secure? 💡 Tool inputs are processed locally in your browser. The extension uses Google Analytics (GA4) for basic usage analytics. ❓ How do I access the tools? 💡 Open a new tab (loads automatically) OR click the extension icon for a popup view. 🎯 Perfect For • Frontend and backend developers • DevOps engineers working with configs and cron schedules • API developers formatting JSON/XML and converting data • Security-minded developers inspecting JWT tokens • Designers and frontend engineers using image tools, color picker, and accessibility checks • Anyone who needs fast conversions, validation, and text transformations Install DevToys New Tab and get a reliable developer tools new tab: JSON formatter, Base64 encoder/decoder, hash generator, UUID, JWT decoder, SQL formatter, XML formatter/validator, YAML formatter, cron parser, regex tester, JSONPath tester, converters, image compressor/converter/resizer, color picker, and more.