What are the best free Chrome Extensions resources?

Top recommended resources in this collection based on developer popularity and feature richness: Accessibilityinsights — Solve accessibility issues before they reach your customers., Checkbot — Checkbot finds SEO, speed & security problems before your website visitors do, Mobile simulator - responsive testing tool — Smartphone and tablet simulator on computer with several models to test mobile responsive websites., VisBug — Open source web design debug tool built with JavaScript.

How are Chrome Extensions selected on DevToolbox?

Every resource listed in our Chrome Extensions directory undergoes manual curation based on developer usability, generous free tiers, lack of hidden paywalls, modern browser support, and community reputation.

Can I use these Chrome Extensions in commercial projects?

Yes, the vast majority of tools and libraries in this Chrome Extensions collection offer open-source (MIT, Apache 2.0) or permissive free licenses suitable for personal and commercial projects. However, we always recommend verifying each tool's specific license terms on its official website before deployment.

All Tools/Chrome Extensions

Chrome Extensions

Discover essential free Chrome extensions for web developers and UI designers, featuring tools for debugging, color picking, and daily SEO analysis.

31 tools✦6 best picks

Sort by

Hoverify
tryhoverify.com
All-in-one browser extension for web development. Inspector, Color Picker, and more.
(opens in a new tab)
WhatFont
chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm
The easiest way to identify fonts on web pages.
(opens in a new tab)
✦
Accessibilityinsights
accessibilityinsights.io
Solve accessibility issues before they reach your customers.
(opens in a new tab)
✦
Checkbot
checkbot.io
Checkbot finds SEO, speed & security problems before your website visitors do
(opens in a new tab)
Web Developer
chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
Adds a toolbar button with various web developer tools.
(opens in a new tab)
Awesome Screenshot & Screen Recorder
chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj
Full page screen capture and screen recorder - 2 in 1. Share screencast video instantly
(opens in a new tab)
✦
Mobile simulator - responsive testing tool
chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk
Smartphone and tablet simulator on computer with several models to test mobile responsive websites.
(opens in a new tab)
daily.dev - News for Busy Developers
chrome.google.com/webstore/detail/dailydev-news-for-busy-de/jlmpjdjjbgclbocgajdjefcidcncaied
Get programming news with zero effort. Simply open a new tab, and you’re all set. A must-have tool for busy developers!
(opens in a new tab)
JSON Viewer Pro
chrome.google.com/webstore/detail/json-viewer-pro/eifflpmocdbdmepbjaopkkhbfmdgijcc
Visualise JSON response in awesome Tree and Chart view with great user experience and options.
(opens in a new tab)
SVG Gobbler
chrome.google.com/webstore/detail/svg-gobbler/mpbmflcodadhgafbbakjeahpandgcbch
Browser extension to find SVGs on a webpage and download, copy to clipboard, or export as PNG.
(opens in a new tab)
Window Resizer
chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh
Resize the browser window to emulate various screen resolutions.
(opens in a new tab)
Responsive Viewer
chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb
Show multiple screens once, Responsive design tester
(opens in a new tab)
✦
VisBug
chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc
Open source web design debug tool built with JavaScript
(opens in a new tab)
PerfectPixel
chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
Adds a semi-transparent image overlay over the top of the developed HTML to easily perform pixel perfect comparison between them, useful for replicating UI designs.
(opens in a new tab)
Site Palette
chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh
A must-have tool for designers and frontend developers to grab colors for any website.
(opens in a new tab)
ColorZilla
chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
(opens in a new tab)
Imageye - Image downloader
chrome.google.com/webstore/detail/imageye-image-downloader/agionbommeaifngbhincahgmoflcikhm
Find and download all images on a web page. With Imageye you can find, browse and download all the images present in a web page.
(opens in a new tab)
✦
GoFullPage - Full Page Screen Capture
chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
(opens in a new tab)
Stylebot
chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
Change the appearance of the web instantly.
(opens in a new tab)
ColorPick Eyedropper
chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg
A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.
(opens in a new tab)
React Developer Tool
chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
React debugging tools to the Chrome Developer Tools. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
(opens in a new tab)
✦
Wappalyzer
chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg
Wappalyzer is a technology profiler that shows you what websites are built with.
(opens in a new tab)
Fake Filler
chrome.google.com/webstore/detail/fake-filler/bnjjngeaknajbdcgpfkgnonkmififhfo
Fake Filler a form filler that fills all inputs on a page with fake/dummy data.
(opens in a new tab)
Web Editor
chrome.google.com/webstore/detail/web-editor/pdmlhckofhkhebmcplblcijijgjiakcm
The web editor is the tool that provides you with an enhanced way to inspect any website elements, alter their properties, insert contents, design, and visualize the way you want to see them.
(opens in a new tab)

Chrome Extensions Guide & FAQ

Everything you need to know about choosing and using free chrome extensions resources.

Top recommended resources in this collection based on developer popularity and feature richness:

Accessibilityinsights — Solve accessibility issues before they reach your customers.
Checkbot — Checkbot finds SEO, speed & security problems before your website visitors do
Mobile simulator - responsive testing tool — Smartphone and tablet simulator on computer with several models to test mobile responsive websites.
VisBug — Open source web design debug tool built with JavaScript

Chrome Extensions

Hoverify

WhatFont

Accessibilityinsights

Checkbot

Web Developer

Awesome Screenshot & Screen Recorder

Mobile simulator - responsive testing tool

daily.dev - News for Busy Developers

JSON Viewer Pro

SVG Gobbler

Window Resizer

Responsive Viewer

VisBug

PerfectPixel

Site Palette

ColorZilla

Imageye - Image downloader

GoFullPage - Full Page Screen Capture

Stylebot

ColorPick Eyedropper

React Developer Tool

Wappalyzer

Fake Filler

Web Editor

Chrome Extensions Guide & FAQ

Related Categories

Online Tools

Cheat Sheets & Snippets

Image Optimize & Edit

Others/Tools