Category

Chrome Extensions

Category

Tools for web developers and designers that can be added to Chrome.

WhatFont

The easiest way to identify fonts on web pages.

Accessibilityinsights

Solve accessibility issues before they reach your customers.

Best

Checkbot

Checkbot finds SEO, speed & security problems before your website visitors do

Best

Web Developer

Adds a toolbar button with various web developer tools.

Awesome Screenshot & Screen Recorder

Full page screen capture and screen recorder - 2 in 1. Share screencast video instantly

Mobile simulator - responsive testing tool

Smartphone and tablet simulator on computer with several models to test mobile responsive websites.

Best

daily.dev - News for Busy Developers

Get programming news with zero effort. Simply open a new tab, and you’re all set. A must-have tool for busy developers!

JSON Viewer Pro

Visualise JSON response in awesome Tree and Chart view with great user experience and options.

SVG Gobbler

Browser extension to find SVGs on a webpage and download, copy to clipboard, or export as PNG.

Window Resizer

Resize the browser window to emulate various screen resolutions.

Responsive Viewer

Show multiple screens once, Responsive design tester

VisBug

Open source web design debug tool built with JavaScript

Best

Kontrast - WCAG Contrast Checker

Quickly check and adjust contrast in real-time in your browser to meet WCAG 2.1 requirements

PerfectPixel

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.

Site Palette

A must-have tool for designers and frontend developers to grab colors for any website.

ColorZilla

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

JavaScript and CSS Code Beautifier

Beautify CSS, JavaScript and JSON code when you open a .css/.js/.json file

Imageye - Image downloader

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.

GoFullPage - Full Page Screen Capture

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!

Best

Stylebot

Change the appearance of the web instantly.

ColorPick Eyedropper

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

React Developer Tool

React debugging tools to the Chrome Developer Tools. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

Wappalyzer

Wappalyzer is a technology profiler that shows you what websites are built with.

Best

Fake Filler

Fake Filler a form filler that fills all inputs on a page with fake/dummy data.

Web Editor

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.

CSSViewer

A simple CSS property viewer.

Fonts Ninja

Identify fonts from any website, bookmark, try, and buy them.

Lighthouse

An open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Debug CSS

Adds outline to all elements on the page to show the culprit element which is changing desired layout. Helps in debugging CSS of the page

UX Check

Identify usability issues through a heuristic evaluation.

Redux Developer Tool

Redux DevTools provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state.