DevTools Pro

About

DevTools Pro is a polished, modern developer toolkit for your browser. Format, validate, and inspect JSON. Render and preview HTML in a sandboxed iframe. Encrypt, decrypt, hash, and verify signatures using industry-standard cryptography — all locally in your browser with no server connection.

🎯 What You Get
{ } Format JSON
• Pretty-print JSON with customizable indentation (2 spaces, 4 spaces, tabs)
• Syntax-highlighted output with color-coded keys, values, and types
• Minify JSON to reduce file size
• Sort keys alphabetically for easier comparison
• Validate JSON structure — instant error reporting
• Copy formatted output with one click
• Paste directly from clipboard

</> Render HTML
• Live preview in a sandboxed iframe — safe, isolated environment
• Auto-render mode for real-time updates as you type
• "Open in Tab" button to view in full browser window
• Supports all HTML5, CSS, and JavaScript features
• Sample HTML template to get started instantly

🔐 Crypto & Decrypt (12 Operations)

JWE & RSA:
• JWE Decrypt — auto-detects RSA-OAEP variants (SHA-1/256/384/512)
• JWE supports AES-GCM and AES-CBC-HMAC-SHA2 content encryption
• RSA-OAEP Decrypt with configurable hash algorithm and optional OAEP label
• RSA-PSS Signature Verification with custom salt length
• RSA PKCS#1 v1.5 Signature Verification

AES Symmetric Encryption:
• AES-GCM Decrypt (128/192/256-bit keys, custom tag length)
• AES-CBC Decrypt with IV

Key Derivation:
• HKDF — HMAC-based Key Derivation Function with optional salt and context
• PBKDF2 — Password-Based Key Derivation Function (configurable iterations)

Hashing & Authentication:
• SHA-1/256/384/512 Hash with hex and base64 output
• HMAC-SHA Sign with any hash algorithm
• Bcrypt Hash — password hashing with interactive cost factor slider (time estimates)
• Bcrypt Verify — check passwords against bcrypt hashes with timing info

✨ Features
✅ 100% Offline — All processing happens in your browser. Zero network requests. Your data never leaves your computer.

✅ Dark & Light Mode — Professional dark theme by default, switch to light theme anytime. Theme preference persists.

✅ Modern, Refined UI — Distinctive typography, smooth transitions, custom sliders, intuitive controls. Designed to feel premium.

✅ Split Layout — Input and output side-by-side. Full-page expandable view for bigger screens.

✅ WebCrypto API — Uses the industry-standard SubtleCrypto API built into Chrome. No external libraries (except bcryptjs for bcrypt).

✅ Error Handling — Clear, helpful error messages guide you if something goes wrong.

✅ Copy to Clipboard — One-click copy buttons on all outputs. Copy toast feedback.

✅ Keyboard Shortcuts — Ctrl+Enter (or Cmd+Enter on Mac) to format JSON or render HTML.

🎨 Design Highlights
• Outfit & JetBrains Mono typefaces for a polished look
• Gradient accents, smooth shadows, and rounded corners
• Syntax-highlighted code output (JSON keys, strings, numbers, booleans)
• Responsive design — works on popup (540×620) and full-page views
• Accessible focus states and color contrast ratios
• Custom sliders, animated spinners, progress indicators

🔒 Privacy & Security
Your data is safe. DevTools Pro:

Never sends data to any server
Never tracks your activity
Never stores sensitive data persistently
Runs entirely in your browser sandbox
Uses only your machine's processing power
Respects your clipboard permissions
All cryptographic operations use:

WebCrypto API (SubtleCrypto) — the standard browser crypto library
bcryptjs — pure JavaScript bcrypt implementation
No external services — everything is local
See our full privacy policy: [PRIVACY_POLICY_URL]

⌨️ Keyboard Shortcuts
Shortcut	Action
Ctrl+Enter	Format JSON (or render HTML)
Click theme toggle (☀️/🌙)	Switch dark/light mode
🛠️ Perfect For
• Full-stack developers — format API responses, render HTML templates
• Security engineers — decrypt JWE tokens, verify signatures, test crypto
• DevOps teams — validate JSON configs, check password hashes
• QA testers — inspect JSON payloads, preview HTML before deployment
• Anyone handling JSON, HTML, or encrypted data in their workflow

📦 What's Included
✓ Format JSON with syntax highlighting
✓ Render HTML with live preview
✓ JWE Decrypt (all RSA-OAEP variants)
✓ RSA-OAEP, RSA-PSS, PKCS#1 v1.5 operations
✓ AES-GCM & AES-CBC decryption
✓ HKDF & PBKDF2 key derivation
✓ SHA-1/256/384/512 hashing
✓ HMAC signing
✓ Bcrypt hash & verify
✓ Dark & light themes
✓ Copy to clipboard
✓ Full-page & popup views
✓ Offline-first design

🚀 Quick Start
Click the DevTools Pro icon in your toolbar
Choose a tool: JSON, HTML, or Crypto
Paste your data or input
Click Format, Render, or Run
Copy the result
📝 Permissions
Clipboard Read/Write — Allows you to paste from and copy to your clipboard. Essential for the "Paste" and "Copy" buttons.

No other permissions required — We don't access your tabs, history, browsing data, or any other sensitive information.

🐛 Issues? Questions?
Feedback drives development. If you encounter a bug or have a feature request, please leave a review or contact us.

DevTools Pro v1.1 — Professional crypto toolkit for developers.
Built for precision. Designed for efficiency. 100% offline. Always free.

Tags
JSON formatter, HTML renderer, JWE decrypt, RSA, AES, bcrypt, crypto tools, password hash, web developer tools, offline tools, dark mode