Extensions for UI testing

Responsive Viewer Chrome extension

Responsive Viewer

A helpful tool for displaying several screens at once and comparing the difference between them.
Free
Visit Website
Window Resizer Chrome extension

Window Resizer

This extension helps web designers and developers see how their designs look in different browser resolutions by changing the size of the browser window.
Free
Visit Website
LambdaTest Chrome extension

LambdaTest

A handy plugin to easily and quickly perform cross-browser tests on more than 3000 browsers and operating systems.
Freemium
Visit Website

Extensions for colors

Pigmnts Chrome extension

Pigmnts

A browser extension to easily extract a visually stunning color palette from any image on the web.
Freemium
Visit Website
Chroma Chrome extension

Chroma

A free and easy-to-use Chrome extension with color tools like eyedropper, color picker, color palette generator, and much more.
Free
Visit Website

Extensions for downloading images

SVG Gobbler Chrome extension

SVG Gobbler

One of my favorite Chrome extensions, SVG Gobblers allows you to view all the SVG elements on a website and download the ones you want with a single click.
Free
Visit Website

Extensions for JSON

JSON Hero Chrome extensions

JSON Hero

With the JSON Hero extension, you can quickly view your JSON content with an excellent navigation interface with additional features to make browsing your JSON files easier.
Free
Visit Website
JSON Viewer Chrome extension

JSON Viewer

An open-source extension for beautifully print JSON and JSONP syntax with 27 different built-in themes.
Free
Visit Website
JSONVue Chrome extension

JSONVue

A simple but helpful Chrome extension for quickly checking and viewing JSON documents.
Free
Visit Website

Extensions for Tailwind CSS

Tailwind DX Chrome extension

Tailwind DX

Tailwind DX is an extension to add extra functionality for the popular Tailwind CSS framework to the Chrome dev tools.
Free
Visit Website

Extensions for React

React Developer Tools Chrome extension

React Developer Tools

A useful Chrome extension for developers working with React to inspect and visualize the hierarchy of components in the DevTools.
Free
Visit Website

Extensions for measuring pixels

PixelZoomer Google Chrome extension

PixelZoomer

PixelZoomer allows you to take a screenshot of a website and use tools such as zoom, distance measurement, and color selection.
Free
Visit Website
Page Ruler Chrome extension

Page Ruler

With the Page Ruler plugin, you can easily measure any distance in pixels on a website.
Free
Visit Website

Extensions to find website technology

Library Sniffer Chrome extension

Library Sniffer

A plugin to detect JavaScript libraries, frameworks, server technologies, and other tools being used on the website you are viewing.
Free
Visit Website
Wappalyzer Chrome extension

Wappalyzer

A browser tool to identify which technologies (CMS, Javascript libraries, e-commerce platforms, and more) the website you are on is built with.
Free
Visit Website
Rayst Chrome extension

Rayst

A browser extension to discover information, statistics, and technologies used on a website.
Freemium
Visit Website

Extensions to clear cache

Clear Cache browser extension

Clear Cache

A simple but convenient extension to clear the browser cache with a single click.
Free
Visit Website

Extensions for data layers

Adswerve dataLayer Inspector Chrome extension

Adswerve dataLayer Inspector

With this plugin, you can see in your Chrome DevTools console the Google Analytics activity and pushed data layers.
Free
Visit Website

Extensions to download a website

SingleFile Chrome extension

SingleFile

An extension to save a whole web page (CSS, images, fonts...) in an HTML file with a single click.
Free
Visit Website

Extensions for fonts

Fonts Ninja Chrome add-on

Fonts Ninja

A plugin to add a font identifier, test them with custom text, save them for later, or even buy them.
Free
Visit Website

Extensions for CSS

CSS Peeper Chrome plugin

CSS Peeper

CSS Peeper is a handy plugin to inspect the styles of any website without opening Chrome DevTools.
Free
Visit Website
CSSViewer browser plugin

CSSViewer

An add-on for viewing the CSS properties of the different HTML elements without opening Chrome DevTools.
Free
Visit Website

Extensions for CORS

CORS Unblock Chrome extension

CORS Unblock

A simple but helpful plugin to avoid CORS errors during development.
Free
Visit Website

Other useful extensions for frontend developers

not8 Google Chrome extension

not8

not8 is a google chrome extension that allows you to leave and share notes on any website.
Free
Visit Website
LocatorJS Chrome extension

LocatorJS

A Chrome extension to click on any component in the browser and open the code in your IDE.
Free
Visit Website
SuperDev Chrome extension

SuperDev

An open-source browser extension with multiple tools for web designers and developers.
Free
Visit Website
Web Developer Chrome extension

Web Developer

A browser tool with a wide variety of web development features such as Disable JavaScript, Cookies, Styles, and many more.
Free
Visit Website
DoneNote Chrome extension

DoneNote

Collaborate in adding notes to a web page with ease through this extension.
Freemium
Visit Website