DevToys New Tab de Oleg Abrazhaev

🛠️ DevToys New Tab: Swiss Army Knife for Developers
Turn your browser’s new tab into a fast developer tools workspace. DevToys New Tab 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.
• 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)
⏱️ DevOps helper — cron parser to parse and explain cron expressions

💎 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

🔧 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.

❓ 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 for Firefox 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.