DevToolkitv5
Add to Chrome
Coming Soon!Meet the all-new DevToolkit 5

60+ developer tools in one Chrome extension

Inspect CSS, take full-page screenshots, test responsive layouts, pick colors and check SEO on any website, right from your toolbar.

Add to Chrome, it's freeGet Pro for $25, lifetime
Works in
DevToolkit 5 tour0:27
The DevToolkit hub popup with pinned tools, search and categories
Features

Every tool you need, one click away

PRO

Responsive Preview

See any page live at phone, tablet and desktop widths, side by side. Scroll, click and test the real site, not a screenshot.

Learn moreFREE

Full Page Screenshot

Capture the full page or the visible area, then edit the image

CaptureLearn moreFREE

CSS Inspector

Hover any element to see its computed CSS; click to lock it

InspectLearn moreFREE

Tech Stack Detector

Detect the CMS, frameworks, hosting and SSL of any site

InspectLearn morePRO

Cookie Editor

View, edit, import and export cookies for this site

InspectLearn moreFREE

Color Picker

Pick any pixel on the page and copy it as HEX, RGB or HSL

DesignLearn morePRO

Visual CSS Editor

Change styles on the page visually and save your edits

DesignLearn moreFREE

Debug Panel

Clear browsing data, inject custom code and optimise images

CodeLearn morePRO

JSON Formatter

Format JSON and nine more developer tools in one window

CodeLearn morePRO

API Tester

Send API requests and inspect the responses

CodeLearn moreFREE

SEO Checker

Audit the page's titles, meta tags, headings, links and images

SEOLearn morePRO

Web Scraper

Turn lists, tables and product grids on any website into clean rows, then export them to Excel, CSV or JSON. No code, no setup.

Learn more
Explore all features
How it works

From install to answer in three steps

DevToolkit lives in your browser toolbar. On any website, the tool you need is a click or a keystroke away.

Add to Chrome, it's free
  1. STEP 01

    Add it to your browser

    Install from the Chrome Web Store in one click and pin it to your toolbar. No account, no sign-up, nothing to set up.

  2. STEP 02

    Search, or press a key

    Open the hub and type a few letters, or press a tool's key. C picks a color, S saves a full-page screenshot.

  3. STEP 03

    Work right on the page

    Inspectors, rulers and editors draw over the site you are on. Big tools like Responsive Preview and the API Tester open in a window of their own.

Why DevToolkit

The developer tools Chrome extension that works the way you do

Fast to open, easy to shape, private by default and built on Chrome's current extension platform.

Light, dark or gold

Three themes in glass or solid. Pin up to 12 favorite tools to the dock and switch off the ones you never use.

DevToolkit popup in the dark themeDevToolkit popup in the light themeDevToolkit popup in the gold theme

A key for every daily tool

  • SScreenshot
  • CColor
  • IInspect
  • VResponsive
  • ESEO
  • DDebug
  • WScraper
  • TTech stack
  • LRuler
  • FFonts
  • KCookies
  • HJSON

Private by design

Tools run in your browser, and AI features only use your own API key. Read the privacy policy

accountnone neededtrackingoffanalyticsnone in the extensionruns inyour browser

Built on Manifest V3

{
  "manifest_version": 3,
  "name": "DevToolkit",
  "version": "5.0"
}

One extension instead of twelve

Screenshots, CSS inspection, responsive testing, SEO checks and JSON formatting in one place, with one thing to update and trust.

Lifetime pricing

Pay once. Keep DevToolkit Pro for life.

No subscriptions and no renewals. Every plan unlocks all Pro tools, including the ones we add later.

Individual

$25once, lifetime

For solo developers and designers working on their own or client projects.

  • 1 activation
  • Every Pro tool
  • Future Pro tools included
  • Lifetime updates
Get Individual

30-day money-back guarantee

Agency

$39once, lifetime

For freelancers, agencies and small teams working across several devices.

  • 10 activations
  • Every Pro tool
  • Future Pro tools included
  • Lifetime updates
Get Agency

30-day money-back guarantee

Most popular

Unlimited

$59once, lifetime

For professionals and businesses that want DevToolkit Pro on every machine.

  • Unlimited activations
  • Every Pro tool
  • Future Pro tools included
  • Lifetime updates
Get Unlimited

30-day money-back guarantee

Reviews

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.
JTJames T.
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.
MRMarcus R.
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.
PSPriya S.
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!
FSFaisal S.
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.
SKSarah K.
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.
GCGPL Clean
FAQ

Questions about DevToolkit

Can't find your answer? Write to support@getdevtoolkit.com or use the support page.

Is DevToolkit free?

Yes. The free plan includes tools like Full Page Screenshot, CSS Inspector, Color Picker, Tech Stack Detector, Debug Panel and SEO Checker, with no time limit and no account. Pro adds the advanced tools for a one-time payment from $25.

Is Pro really a one-time payment?

Yes. Pay once and keep Pro forever. There are no monthly fees, no renewals and no features taken away later. Every Pro tool we add in the future is included.

Which browsers does DevToolkit work in?

Google Chrome, Microsoft Edge, Brave, Opera, Vivaldi, Arc and other Chromium browsers that install from the Chrome Web Store. In Edge, turn on Allow extensions from other stores. In Opera, add the Install Chrome Extensions add-on first. Firefox and Safari are not supported.

Do I need to open Chrome DevTools?

No. Every tool opens from the DevToolkit popup in your toolbar and works right on the page, in the popup or in its own window. You never have to open DevTools or leave the tab you are working in.

Does DevToolkit collect my data?

No. There is no account, no tracking and no analytics in the extension, and the tools run in your browser. A few features contact a service only when you use them, such as currency rates, Google Fonts previews or an AI provider with your own key. The privacy policy lists each one.

How many devices can I use Pro on?

Individual includes 1 activation, Agency includes 10 and Unlimited has no limit. You can move a licence by deactivating it on one browser and activating it on another.

Can I get a refund?

Yes. Every plan has a 30-day money-back guarantee. If Pro is not right for you, contact support within 30 days of buying for a full refund.

What payment methods do you accept?

Checkout is handled securely by Freemius and accepts major credit and debit cards and PayPal. Your licence key arrives by email right after payment.

Put 60+ developer tools in your toolbar

Install the free version in seconds. Upgrade to Pro whenever you need more, with one payment for life.

Add to Chrome, it's freeSee Pro plans
Works in