DevToolbox Pro is a comprehensive, client-side suite of online developer tools designed to speed up your daily engineering workflow without switching between dozens of ad-heavy sites.

Whether you need to format messy JSON, debug a JWT payload, convert PDF files to Base64, format raw SQL queries, or generate code-ready arrays, DevToolbox Pro brings everything under one fast, clean, and modern interface.

⚡ Key Features & Included Tools

• 📄 File Utilities:

  • PDF to Base64: Upload any PDF and convert it to Base64 for easy embedding or API testing.

  • Base64 to PDF: Instant preview and download of PDF documents from raw Base64 strings.

• 🌐 Web & API Tools:

  • JSON Formatter & Validator: Format, validate, fix, and minify JSON data instantly.

  • JWT Debugger: Decode and inspect JSON Web Token headers, payloads, and signatures.

  • SQL Formatter: Beautify complex SQL queries into clean, readable code.

  • cURL Converter: Translate cURL commands into native JavaScript or Python fetch snippets.

• 🔒 Encoding & Hashing:

  • Base64 & URL Encoder/Decoder: Handle standard text or URL encoding with instant feedback.

  • Hash Generator: Compute SHA-256, SHA-512, and cryptographic hashes in real-time.

  • UUID Generator: Create unique v4 UUIDs in single or batch modes.

• 📝 Text & Data Utilities:

  • Array Generator: Turn raw lines into formatted array structures for JS, Python, PHP, Java, C#, or SQL — now with synchronized line numbers!

  • Regex Tester: Live regular expression evaluator with match highlights.

  • Code Diff Viewer: Compare code blocks side-by-side with colorized diffs.

  • Markdown Previewer: Write and preview formatted Markdown text in real time.

  • List Utilities: Deduplicate, sort, shuffle, and count items effortlessly.

• 🎨 Converters:

  • Data Format Converter: Seamlessly convert between JSON, YAML, and CSV formats.

  • Timestamp Converter: Convert Unix epoch timestamps to human-readable dates and vice versa.

  • Color Converter: Convert seamlessly between HEX, RGB, and HSL with a built-in color picker.

🔒 Privacy & Performance First

• Client-Side First: Your sensitive data, JWTs, and files remain in your browser session.

• Command Palette (Ctrl + K / Cmd + K): Switch between any tool instantly with keyboard shortcuts.

• Dark / Light Mode: Built-in eye-friendly themes tailored for late-night debugging.

🛠️ Built With

• Frontend: React 19, TypeScript, Vite

• Styling: Tailwind CSS

• Design: Dark/Light mode, responsive layouts, modular tool container architecture