20+ Chrome Extensions to Improve Your Productivity

What are Google Chrome extensions?


Idris Olubisi

3 years ago | 3 min read

Hi everyone! Trust y'all had a good day? I will be sharing super amazing Chrome Extensions to improve your productivity and I'm pretty sure you gonna love it!

What are Google Chrome extensions?

Google Chrome extensions are essential extensions that can be installed into Chrome to change the browser experience. It includes adding several features in the browser which can aid productivity irrespective of user background.


Daily is the perfect place to discover development articles and the easiest way to stay updated on the last programming news. It will help you boost your knowledge and save time.

CSS Peeper

CSS Peeper is a CSS viewer tailored for Designers to help improve their productivity right from their browser.

WIndow Resizer

This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

Check Bot

Checkbot is a powerful website tester that tells you how to improve the SEO, page speed, and security of your website. Checkbot crawls 100s of pages in minutes testing for 50+ common website problems based on best practices recommended by Google and Mozilla.

Check My Links

This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

What Font

Checking Font should be easy right? With this extension, you could inspect web fonts by just hovering on them.


ColorZilla for Google Chrome is an extension that assists web developers and graphic designers with color related tasks - both basic and advanced.

React Developer Tools

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

Gitpod - Dev Environments in a Browser Tab

Gitpod streamlines developer workflows by providing ready-to-code development environments in your browser.

JetBrains Toolbox Extension

This extension adds buttons that allow you to clone and open projects from GitHub, GitLab, and Bitbucket in IntelliJ-based IDEs.

UX Check

UX Check makes heuristic evaluations quick and easy. The extension will open up Nielsen's Ten Heuristics in a side pane next to your website. When you click on an element that doesn't comply with a heuristic, you can add notes, and a screenshot will be saved.

CSS Viewer

CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a FireFox add-on (2006-2008).

Notion Web Clipper

Notion is your all-in-one workspace, where you can write, plan, collaborate, and get organized. Take notes, keep databases, build a wiki, project manage your team — all with one tool.


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


Wappalyzer is more than a CMS detector or framework detector: it uncovers more than a thousand technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN, and others.

Octotree - GitHub code tree

Browser extension that enhances GitHub code review and exploration. Features

  • IDE-like code tree
  • Folder and file search
  • Support GitHub dark mode
  • Support private repositories
  • Repo/file/issue/pull request bookmarking
  • High performance, working with repositories of any size

Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools.

Lorem Ipsum generator

The Lorem Ipsum Generator quickly delivers default text to complement your amazing design. The default settings are optimized to be used right after installation, but you can easily customize a few settings to get the perfect text for your taste.

Ghostery – Privacy Ad Blocker

Ghostery’s built-in ad blocker removes advertisements from a webpage to eliminate clutter so you can focus on the content you want.

IE Tab


JSONView port for Chrome.


WAVE is a web accessibility evaluation tool developed by It provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page.

No automated tool can tell you if your page is accessible, but WAVE facilitates human evaluation and educates about accessibility issues

Save Page WE

Save Page WE provide a simple facility to save a web page (as currently displayed) as a single HTML file that can be opened in any browser. The saved page is a highly accurate representation of the original page.

I hope you find this useful! Don't forget to give a thumbs up.


Created by

Idris Olubisi

Software Engineer | Technical Writer | Content Creator







Related Articles