DevSuite - 25+ Web Developer Tools & API Tester

Stop juggling a dozen tabs and pasting sensitive data into random websites. DevSuite puts 25 everyday developer tools in one side panel, right next to the page you're working on. Your data is processed locally in your browser. 🚀 WHY DEVSUITE • Privacy-first: No analytics, no tracking, no accounts, no data collection. Your JSON, tokens and code are processed on your machine. • Always at hand: One click on the toolbar icon opens a side panel, so you can work on a page and use the tools together. • Smart clipboard detection: Copy JSON, a JWT or a Base64 string and DevSuite offers to open the right tool for it. • Remembers your work: It reopens your last tool and keeps each tool's input between sessions. • Fast to navigate: Search tools, collapse categories or the whole sidebar, and switch between dark and light themes. 🛠️ WHAT'S INSIDE ⚡ FORMATTERS & CONVERTERS • JSON Formatter: Prettify, minify and validate JSON, and export arrays to CSV. • HTML Formatter: Beautify or minify HTML snippets. • SVG Optimizer: Minify SVG code with a live preview and see the bytes saved. Download the result. • Image Converter: Drag in an image and copy it as Base64 or save it as WebP. • Base64 Codec: Encode and decode text or files, with a URL-safe option. • Timestamp Converter: Convert Unix time (seconds or milliseconds auto-detected) to UTC, local, ISO and relative time. 🛡️ SECURITY & IDENTITY • JWT Decoder: Decode header and payload, see a live expiry countdown and iat/nbf/exp dates, and get a warning for alg: none. Decode-only; signatures are not verified. • UUID Generator: v4 UUIDs, up to 1000 at a time, with uppercase, no-hyphen and brace options. • Hash Generator: MD5, SHA-1 and SHA-256, with one-click copy. 🔍 PAGE ANALYSIS • Meta & SEO Viewer: Inspect meta tags, Open Graph tags, canonical and hreflang links, with a social preview card and missing-tag warnings. • CSS Inspector (Pro): Highlight Flexbox, Grid and fixed/sticky elements right on the page. Detect fonts. Includes px↔rem, color, specificity, box-shadow and gradient utilities. • Colour Extractor (Pro): Extract a palette from an image or from the active tab, and export it as CSS variables. • Performance (Pro): LCP, CLS, DOM Interactive and load time with ratings, plus the 10 heaviest resources. • Accessibility Scan (Pro): Quick checks for missing alt text, empty buttons, unlabelled form fields and a missing language attribute. • Header Inspector (Pro): Paste headers or fetch the current tab's. Audit 9 security headers, CORS headers and cookie flags (Secure, HttpOnly, SameSite). • Asset Grabber (Pro): Find favicons, touch icons, social images and page images. Download or copy URLs. 📊 DATA & STORAGE • Storage Explorer: View LocalStorage and SessionStorage for the active tab. Adding, editing and deleting is a Pro feature. • Cookie Manager: View and filter cookies for the active site. Deleting and clearing is a Pro feature. 🧪 DEV TOOLS • API Tester (Pro): A lightweight HTTP client with GET/POST/PUT/PATCH/DELETE, params, headers, JSON body, response viewer and request history. • Diff Checker (Pro): Compare two texts side by side with line and character-level highlighting. • Regex Tester (Pro): Live matching, capture groups, replace mode and common presets (email, URL, IPv4, phone, date, hex color). • Screen Ruler (Pro): Overlay on the page to measure distances and inspect elements. • QR Code Generator: Make a QR code from any text or the current tab's URL. Set the size and colors, copy the image or download it as PNG. • Lorem Ipsum: Generate paragraphs, sentences or words. • Quick Notes: A scratchpad that saves automatically. 💎 DEVSUITE PRO Pro unlocks the advanced page-analysis tools, the API Tester, Diff Checker, Regex Tester, Screen Ruler, and editing in Storage Explorer and Cookie Manager. Pro features are currently free for a limited time. 🔒 PRIVACY DevSuite does not collect, store or sell your data, and the tools process what you paste locally. Network requests happen only when you explicitly use a feature that needs one: sending a request in API Tester, fetching a tab's headers, downloading an asset, or activating a Pro license. Permissions are used only for what the tools do: the active tab for page analysis, cookies and storage for the Cookie and Storage tools, the clipboard for smart detection, and the side panel. 📖 HOW TO USE 1. Pin the DevSuite icon to your toolbar. 2. Click it to open the side panel. 3. Search for a tool or browse the categories.