I Made a Chrome Extension with 50+ Dev Tools (Alt+D to Open)

Just shipped a Chrome extension that gives you instant access to 50+ developer tools from any page.

What It Does

Click the icon or press Alt+D → popup with every tool you need:

Quick Actions (in popup, no new tab):

• Generate UUID
• Get current Unix timestamp
• Generate secure password
• Base64 encode/decode clipboard

Full Tools (opens in new tab):

• JSON Formatter & Validator
• Regex Tester with presets
• CSS Grid/Flexbox Generators
• Glassmorphism Generator
• Code Formatter (JS, CSS, HTML, SQL)
• Hash Generator (SHA-256, SHA-512)
• JWT Decoder
• Color Converter
• 40+ more...

Why I Built It

I was tired of googling "json formatter" every time I needed to format a response. Now it's one click away.

Install It

1. Clone the repo: git clone https://github.com/TateLyman/devtools-extension
2. Go to chrome://extensions
3. Enable Developer Mode
4. Click "Load unpacked" → select the folder
5. Done! Press Alt+D to open

The Tech

• Manifest V3
• Vanilla JS (no framework, instant load)
• All tools run client-side on DevTools.run
• 0 permissions besides activeTab + storage

Open Source

Full source: github.com/TateLyman/devtools-extension

Star it if you find it useful!