DevToolkit - All your developer tools, one click away

Overview

DevToolkit - All your developer tools, one click away A browser extension built for web developers, designers, and digital agencies. DevToolkit brings 60+ essential tools into a single popup — no new tabs, no logins, no juggling multiple extensions. 🏆 Everything You Need, Right in Your Browser DevToolkit replaces a drawer full of separate tools with one lightweight extension that opens in a single click. Free tools for everyday work, and a Pro upgrade for specialist workflows. 📸 Full Page Screenshot Capture complete full-page screenshots of any website. Export as PNG or JPEG with custom scale, optional fixed element hiding, and custom filename templates. 🎨 Color Picker Sample any color from any webpage and copy instantly as HEX, RGB, HSL, or HSV. Includes color history and one-click copy for any format. 🔍 CSS Inspector Hover over any element to inspect its full computed CSS — box model, typography, colors, flexbox, grid, and effects. Includes a Complete CSS tab to copy the entire CSS block in one click. Now includes Page Design Summary — scan any page to extract its full color palette as clickable swatches and a complete typography map showing every font family, size range, and weights in use. 📦 Asset Downloader Discover and download all images on a page including lazy-loaded assets. Filter by size and type, then download individually or in bulk. 🐛 Debug Panel Clear cache, localStorage, sessionStorage, and IndexedDB with one click. Inject custom CSS or JavaScript for instant testing. Includes an image performance auditor. 🔎 SEO Audit with AI Integration Get an instant on-page SEO report for any page you visit. It checks your meta title and description, heading structure, canonical tags, and robots directives, then reviews social sharing tags, structured data, image alt text, and internal and external links. Core Web Vitals are included too, and you can export the full report as a PDF with one click. 🧱 Sitestack — Technology Detector Identify the CMS, frontend framework, CDN, hosting provider, analytics tools, and SSL status of any website. Invaluable for competitive research and pre-sales discovery. ⏰ Task Reminders Built-in task manager with scheduled desktop notifications. Reminders fire even when the popup is closed. ✏️ Edit Mode Switch any webpage into a live editable document with one click. Click any text to edit it directly in the browser — ideal for content proofing, design reviews, and client demos. 🔒 Site Lock Lock any website behind a 4-digit PIN to prevent casual access. Supports a Lock Now button, per-session memory, and instant unlocking on return visits. 🔡 String Tool See live text statistics as you type, including word, character, sentence, and paragraph counts, plus estimated reading time. Convert text between common cases like UPPERCASE, camelCase, and kebab-case, sort or reverse lines, and remove duplicates. Find & Replace supports regex, and built-in limit bars show how your text fits within Twitter, LinkedIn, and meta description length limits. ⛶ QR Code Generator Generate QR codes for URLs, contact cards, WiFi logins, and more. Customize each one with a logo, color, and style, then download as PNG or SVG, copy it to your clipboard, or save it as a reusable preset. 🌍 World Clock Track global time zones with a smart world clock built for international workflows. Drag the interactive time slider to compare cities at a glance, switch between 12 and 24-hour formats, and see UTC offsets, daylight saving info, and whether a location is currently within working hours. 📖 Reader Mode Turn cluttered webpages into a clean, distraction-free reading experience. Customize themes, fonts, font size, spacing, and content width. Save articles to your reading list, export content as PDF, or listen using the built-in read aloud feature. 🌙 Dark Mode Enable dark mode on any website instantly for a more comfortable browsing experience. Reduce eye strain during long sessions with a cleaner, darker interface across your favorite websites. 💚 Wellness Breaks — Developer Health Reminders DevToolkit is the only browser developer tool with built-in developer wellness support. Long coding sessions cause eye strain, back pain, repetitive stress injuries, and chronic fatigue. Wellness Breaks fights this with 13 science-backed health reminders that fire as desktop notifications while you work — no apps to install, no timers to set. Eye care reminders: 20-20-20 Rule, 20-20-20-20 Rule, Blink Reminder, Dry Eye Relief, Palming. Posture & body reminders: Posture Check, Shoulder Relax, Wrist Stretch, Neck Stretch. Movement reminders: Walk Break. Focus reminders: 50-10 Break, 1-Hour Screen Break. Hydration reminders: Hydration Reminder. Also includes 6 setup tips for screen distance, screen height, brightness matching, night mode, outdoor time, and pre-sleep screen habits. Choose between desktop notification or full-screen break overlay. Four overlay styles: Classic, Pulse, Frosted, and Gradient. All reminders are free — because every developer deserves to stay healthy. 🔒 Pro Features: 📐 Responsive Preview View any website in live, interactive iframes at Mobile, Tablet, and Desktop breakpoints side by side. Add custom device sizes, rotate portrait/landscape, sync scroll across frames. 🔤 Font Detector & Downloader Discover every font actively rendering on a page — Google Fonts, custom fonts, and system fonts. Download font files directly from the extension. 📧 Email Finder Extract all publicly visible email addresses from any page. Deep scan mode checks /contact, /about, /team, and other sub-pages. Export as CSV or plain text. 🍪 Cookie Editor Full cookie management: view, create, edit, and delete cookies with all attributes. Import and export in JSON, Netscape, or