Hey DEV Community! 👋

As web developers, we constantly use online formatters, decoders, and generators. However, many existing web tools are bloated, rely on heavy server requests, or track unnecessary data.

To solve this, I built DevTools Hub PRO — a lightweight, 100% browser-native utility suite designed for speed, privacy, and zero server latency.

🌐 Live Project: https://musharibkhalid.github.io/devtools-hub/

✨ What's Inside (8-in-1 Tools):

  • 🛠️ JSON Formatter & Validator: Instantly format, minify, and inspect JSON payloads.
  • 🔐 Base64 Encoder/Decoder: Fast text and string conversion.
  • 🎨 CSS Box-Shadow Generator: Interactive UI sliders with instant CSS export.
  • 🤖 AI Regex Assistant: Generate regular expressions effortlessly.
  • 🔑 UUID & Password Generator: Create secure UUID v4 tokens and custom passwords.
  • ⚡ Code Minifier: Compress HTML, CSS, and JS code.
  • 🎟️ JWT Decoder: Inspect JSON Web Token headers and payloads client-side.
  • 🗄️ SQL Formatter: Clean and format database queries.

🛠️ Tech Stack & Architecture:

  • HTML5 & Tailwind CSS for responsive layout and instant dark mode switching.
  • Vanilla JS (ES6+) for pure client-side processing — no data leaves your browser.
  • Hosted via GitHub Pages.

I'd love to get feedback from the community! Check it out and let me know what other tools or UI improvements you'd like to see added.