Install Free On Chrome

⚡ The All-in-One Developer Toolkit for Chrome

The Chrome Extension Every Web Developer & Designer Needs

DevToolkit packs 15+ powerful developer tools into a single Chrome extension — screenshot capture, CSS inspector, SEO audit, font detector, cookie editor, responsive preview, and more. Work faster on every website, every day.

Install Free on Chrome
No account required · Works on Chrome & Edge

Everything You Need, Right in Your Browser

Every web developer juggles dozens of browser tabs, paid subscriptions, and bookmarked utilities just to do their daily work. DevToolkit replaces all of them with one lightweight Chrome extension that opens in a click — no new tab, no login, no friction.

Inspect Any Element Instantly

Hover over any HTML element and see its full computed CSS, box model, typography, colors, flexbox layout, and effects — all in a clean panel. Click any value to copy it instantly. No DevTools required.

Audit Any Page for SEO

Get an instant SEO report for any webpage: meta titles, descriptions, heading structure, Open Graph tags, canonical URLs, image alt texts, Core Web Vitals, and broken link detection — all in seconds.

Preview Any Site on Every Device

See how any website looks on Mobile (375px), Tablet (768px), and Desktop (1440px) side by side in live, scrollable iframes. Add custom device sizes, rotate portrait/landscape, and sync scroll across all views simultaneously.

15+ Tools. One Click. Zero Workflow Interruption.

Every tool in DevToolkit is designed to work without leaving your current tab, without opening DevTools, and without disrupting your flow. Open the popup, grab what you need, close it — and keep building.

Works on any website

No site permissions needed for basic tools. Works on WordPress, Shopify, React apps, static sites, everything.

Lightning-fast popup

Enable only the tools you use in Settings → Features. Fewer tools = faster load time. Your popup, your way.

Zero data collection

All tools run entirely in your browser. No data leaves your machine. No accounts, no tracking, no analytics on your usage.

Works on Chrome and Edge

Full Manifest V3 compliance. Passes Chrome Web Store security review.

Actively maintained

Regular updates with new tools added every quarter. Built by developers, for developers.

Why Developers Switch to DevToolkit DevToolkit

CSS Scan, Hoverify, a responsive viewer, a cookie manager, a font inspector — each a separate paid subscription, each another tab open, each another renewal email. DevToolkit replaces all of them for a one-time payment, accessible in one click from wherever you are in your browser. Every tool runs entirely inside Chrome — no server calls, no usage tracking, no account required, no data leaving your machine. And because DevToolkit is built on Chrome’s latest Manifest V3 architecture, it passed every Web Store security review and will keep working as Chrome evolves — unlike the dozens of popular extensions that quietly broke when MV2 was shut down.

Start Free

Powerful Tools That Cost You Nothing

DevToolkit’s free tier isn’t a stripped-down demo. It’s a genuinely useful suite of tools that thousands of developers use daily. We believe great developer tools should be accessible to everyone.

Full-Page Screenshot

Capture pixel-perfect full-page screenshots of any website in PNG or JPEG format. Set custom scale (1×, 1.5×, 2×), hide fixed elements like sticky headers and cookie banners, and download with a custom filename template. Perfect for client presentations, documentation, and design reviews.

Color Picker

Click any pixel on any webpage and instantly capture its colour in HEX, RGB, HSL, and HSV formats. Browse your full colour history, copy any format with one click, and build colour palettes as you browse. Essential for every designer who's ever eyedropped a colour from a screenshot.

CSS Inspector

Hover over any element to see its complete computed CSS in a floating panel — box model, typography, colours, flexbox, grid, effects, and borders. Two tabs: Properties (organised by category) and Complete CSS (copy the full CSS block with one click). No DevTools, no right-click, no context switching.

Asset Downloader

Discover and download every image on the current page in one place. Filter by size, type (PNG, JPG, SVG, WebP), and minimum dimensions. Select all or pick individual assets. Saves hours on client work where you need to recover images from a live site.

Debug Panel

Clear cache, localStorage, sessionStorage, and IndexedDB with one click. Inject custom CSS or JavaScript into any page for instant testing. Run performance audits on image sizes. Essential for developers testing sites they don't own.

SEO Auditor

Instant SEO health check for any page: title tag (length + keyword presence), meta description, heading hierarchy (H1–H6), canonical URL, robots meta, Open Graph tags, Twitter Card, structured data, image alt texts, internal/external link analysis, and Core Web Vitals. One-click report, zero configuration.

Sitestack Detector

Identify the technology stack powering any website — CMS (WordPress, Shopify, Webflow, Wix), frontend frameworks (React, Vue, Next.js), analytics tools, CDNs, hosting providers, SSL status, and server software. Invaluable for competitive research and pre-sales discovery.

Task Reminders

A lightweight task manager built directly into the extension. Set timed reminders for dev tasks, QA items, and client follow-ups without leaving your browser. Scheduled desktop notifications keep you on track without a separate app

The Pro Tools That Separate Good Developers from Great Ones

DevToolkit Pro adds 8 specialist tools that go far beyond what any free extension offers — built for professional developers, designers, and agencies who need power and precision in their daily workflow.

Responsive Preview

View any website at Mobile (375px), Tablet (768px), and Desktop (1440px) in live, interactive iframes — side by side in a full-screen panel. Fully scrollable, fully interactive. Click links, fill forms, and see the real site behaviour at every breakpoint. Add custom device sizes from 9 presets or enter your own. Rotate portrait/landscape, sync scroll across all frames. Works on virtually any website using declarativeNetRequest header stripping (policy-compliant, session-only).

Font Detector & Downloader

Discover every font actively rendering visible text on any page — not just declared fonts, but the ones actually painting pixels. Uses a TreeWalker ground-truth approach that eliminates icon fonts, extension fonts, and loaded-but-unused typefaces. Shows each font with a live preview, weight variants, category (Google Font / Custom / System), and source. Download Google Font files directly. Download self-hosted woff2 files from the site. Export for use in your own projects.

Email Finder

Extract every publicly visible email address on any website. Two modes: Page Scan (instant) and Deep Scan (also checks /contact, /about, /team, and 8 other sub-pages). Sources scanned: mailto links, JSON-LD structured data, meta tags, and semantic page text. Smart filtering removes noreply addresses, placeholder emails, and template syntax. Auto-categorises by type (Info, Support, Sales, Press, Careers). Export as CSV (with category/domain/source columns), plain TXT, or copy all to clipboard.

Cookie Editor

The most complete cookie management tool in any extension. View every cookie for the current domain. Add, edit, or delete individual cookies with a full attribute editor: name, value, domain, path, expiry (datetime picker), Secure, HttpOnly, HostOnly, and SameSite (Unspecified/Lax/Strict/None). Filter by Session, Secure, HttpOnly, or SameSite. Search across name/value/domain. Export in three formats: JSON, Netscape cookies.txt (curl/wget compatible), and HTTP Header string. Import from JSON or Netscape format. Delete all cookies for a site in one click.

Element Remover

Hide, remove, or blur any element on any page with a single click. Three modes: Hide (display:none — reversible), Remove (from DOM — undo available), Blur (8px filter — great for screenshots with sensitive data). Hover highlight shows exactly what will be targeted. Shift+Click or right-click to target the parent container. CSS Selector input for targeting all matching elements at once. Quick actions: hide all Fixed elements, all Images, common Ads patterns, floating Popups. Undo stack (Ctrl+Z), Restore All, per-element restore list, and Export CSS — generates a ready-to-paste .css file of all your hidden element rules.

Mockup Generator

Turn any website screenshot into a polished device mockup for client presentations, case studies, and portfolios — without Figma or Photoshop. 5 presentation styles: Browser Window, Floating Device, 3D Tilt, Neon Glow, and Stacked. Multiple background options (dark, light, gradients). Draggable caption overlay, font size controls, and zoom/pan for screenshot positioning. Export as high-res PNG.

Ruler & Measurement Tool

Measure anything on any webpage with pixel-perfect precision. 4 modes: Line (drag to measure distance), Box (draw a measurement rectangle), Element (click to measure any element's exact dimensions), Distance (measure the gap between two elements). Shadow DOM toolbar, draggable, with keyboard shortcuts. Displays measurements in px and guides at all angles.

Simple, Transparent Pricing. No Surprises.

No monthly subscriptions. No feature lock-ins after 30 days. No “free trial that secretly charges you.” DevToolkit is a one-time purchase with lifetime access and all future updates included.

Free Forever

$0/Month

Everything you need to inspect, debug, audit, and screenshot any website.

Including:

  • Full-Page Screenshot
  • Colour Picker
  • CSS Inspector
  • Asset Downloader
  • SEO Auditor
  • Sitestack Detector
  • Debug Panel
  • Task Reminders
Install Free on Chrome
No credit card Required

Popular

Pro

$49/One Time

All free tools plus 8 powerful Pro tools unlocked forever. One payment, all future Pro tools included.

Including:

  • Everything in Free, plus
  • Responsive Preview
  • Font Detector & Downloader
  • Email Finder
  • Cookie Editor
  • Element Remover
  • Mockup Generator
  • Ruler & Measurement
Get Pro — $49 One-Time
30-day money-back guarantee · Instant activation

DevToolkit Agency

$129/One Time

Everything in Pro, for your entire team. Ten licence keys, centralised billing, team priority support.

Including:

  • Everything in Free, Pro, Plus
  • 10 separate licence keys (one per developer/device)
  • Priority email support
  • Branding included in SEO Report, Sitestack Report, and Mockup. Not available yet.
  • Custom feature request priority
  • Early access to beta features
Get Agency Plan — $129
30-day money-back guarantee · Instant activation

Real Developers. Real Workflows. Real Results.

I used to have CSS Scan, Responsive Viewer, and a separate cookie editor installed. DevToolkit replaced all three in one click. The CSS Inspector alone saves me 20 minutes a day on client work.

    James T.

    Senior Front-End Developer

    I recently tried this Chrome extension and I’m really impressed with its performance. Everything works smoothly and efficiently without any issues. The features are well designed and actually make the workflow easier and faster. Overall, it delivers exactly what it promises and provides a great user experience. Definitely a useful extension worth recommending.

      GPL Clean

      WordPress Developer

      The Responsive Preview is genuinely the best I've used — live, interactive iframes side by side. Not screenshots, not a device emulator. The actual site. My clients are always impressed when I show them mobile views in real time.

        Priya S.

        UI/UX Designer

        The Font Detector is brilliant. I audit competitor sites constantly and DevToolkit tells me exactly which fonts are rendering on screen, not just declared in CSS. The download button makes it even better.

          Marcus R.

          Creative Director, Digital Agency

          This extension is honestly amazing — a real lifesaver. It packs 8 useful functionalities into a single tool, which makes things so much easier. Everything I need is in one place, and it saves me a lot of time during development. Definitely a must-have for developers!

            Faisal S.

            WordPress Developer

            As an SEO consultant I look at dozens of sites a day. The SEO Auditor gives me a complete on-page picture in 3 seconds — title tags, meta, heading structure, OG, structured data, broken links. It's replaced my $50/month tool.

              Sarah K.

              SEO Consultant & Digital Strategist

              Frequently Asked Questions

              Yes. Pay once, use forever. No monthly fees, no annual renewals, no feature lock-outs after 12 months. All future Pro tools are included in your purchase.