My list of almost indispensable Chrome Extensions
Tags: productivity, devtools, webdev, javascript
Published: 2020-01-09 06:00:13

---
title: My list of almost indispensable Chrome Extensions
published: true
description: A list of my almost indispensable chrome extensions I use on a day to day basis to improve productivity, bookmarking, writing or as developer tools. 
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/7f0xexazbfsg2pq891h4.png
tags: productivity, devtools, webdev, javascript
---

I came to find out that chrome extensions are great. Be it for productivity boosting, bookmarking, as developer tools or writing, I use them extensively. Below is a list of my almost indispensable extensions sorted by the frequency I use them.

> I use [Brave](https://brave.com/) by the way, but all the mentioned extensions work just fine. 

## [Codever](https://chrome.google.com/webstore/detail/diofdblfhjbpgackifolmboaiccmebjb)

[![Codever](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qmluzdbwq5kjlvcu3zis.gif)](https://chrome.google.com/webstore/detail/diofdblfhjbpgackifolmboaiccmebjb)

Bookmarking work-related links and dev resources and code snippets has become second nature to me and it helps me [save lots of time and nerves](https://dev.to/ama/how-i-manage-my-dev-bookmarks-and-save-time-and-nerves-56ae). 

[Githup repo](https://github.com/codeverland/codever-browser-extension) 
<hr/>

## [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc)

[![Octotree](https://thepracticaldev.s3.amazonaws.com/i/iu60tdi6smgevpoihdeh.jpg)](https://chrome.google.com/webstore/detail/bkhaagjahfmjljalopjnoealnfndnagc)

GitHub on steroids
Browser extension that really brings your GitHub experience to the next level.

Features
* Easy-to-navigate code tree, just like in IDEs
* Fast file browsing with pjax
* Display pull request changes
* Support private repositories

Pro features (require account and/or subscription on https://www.octotree.io/)

[Githup repo](https://github.com/ovity/octotree) 
<hr/>

## [CodeCopy](https://chrome.google.com/webstore/detail/codecopy/fkbfebkcoelajmhanocgppanfoojcdmg)

[![CodeCopy](https://thepracticaldev.s3.amazonaws.com/i/bcchba2844dihml6fezm.jpg)](https://chrome.google.com/webstore/detail/codecopy/fkbfebkcoelajmhanocgppanfoojcdmg)

Adds copy to clipboard buttons on code snippets.

Works with:

* [GitHub](https://github.com/)
* [MDN](https://developer.mozilla.org/)
* [Gist](https://gist.github.com/)
* [StackOverflow](http://stackoverflow.com/)
* [StackExchange](https://stackexchange.com/sites)
* [npm](https://www.npmjs.com/)
* [Medium](https://medium.com/)

[And more](https://github.com/zenorocha/codecopy/blob/7c638611f7ad01d923361f7fedfe3933b35e114c/dist/manifest.json#L27).

<hr/>

## [OctoLinker](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghl)

[![OctoLinker](https://lh3.googleusercontent.com/QT0JkdesIFQZezlbj6A54s36XNhlvodLOxjQO_2jcR0IZOnTY_37ofeYy3gSTybTh4AD5IQJfY3Wn3lzOnEGhp8CTA=w640-h400-e365-rj-sc0x00ffffff)](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghl)

OctoLinker is a browser extension for GitHub, that turns language-specific statements like include require or import into links. 

<hr/>

## [Grammarly](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen)

[![Grammarly](https://thepracticaldev.s3.amazonaws.com/i/counklaiy2egcgb5emhz.jpg)](https://chrome.google.com/webstore/detail/kbfnbcaeplbcioakkpcpgfkobkghlhen)

From grammar and spelling to style and tone, Grammarly helps you eliminate writing errors and find the perfect words to express yourself. 
You’ll get suggestions from Grammarly as you write on Gmail, Twitter, LinkedIn, and nearly everywhere else you find yourself writing. 
<hr/>

## [Video Speed Controller](https://chrome.google.com/webstore/detail/nffaoalbilbmmfgbnbgppjihopabppdk)

[![Video Speed Controller](https://thepracticaldev.s3.amazonaws.com/i/i4dkidu8bgi1u3dabkw5.png)](https://chrome.google.com/webstore/detail/nffaoalbilbmmfgbnbgppjihopabppdk)

If you are watching youtube videos, or take udemy courses as I do this extension is pretty handy - it speeds up, slows down, advances and rewinds any HTML5 video with quick shortcuts.

[Githup repo](https://github.com/igrigorik/videospeed) 
<hr/>

## [Window Resizer](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh)

[![Window Resizer](https://thepracticaldev.s3.amazonaws.com/i/drdy8uzfi29yl24oil2i.png)](https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh)

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.


## [JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc)

[![JSONView](https://thepracticaldev.s3.amazonaws.com/i/xteob9je6lurcb4a7t2g.jpg)](https://chrome.google.com/webstore/detail/chklaanhfefbnpoihckbnefhakgolnmc)

Validate and view JSON documents

<hr/>

## [Lighthouse](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk)

![Lighthouse](https://thepracticaldev.s3.amazonaws.com/i/dt8rdhnpj1ygap6sr70e.jpg)

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

> You can also run Lighthouse via the the DevTools Audits Panel

[Website](https://developers.google.com/web/tools/lighthouse/)

<hr/>

## [ColorZilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)

[![ColorZilla](https://thepracticaldev.s3.amazonaws.com/i/filmid7neu2pcyixv8jc.jpg)](https://chrome.google.com/webstore/detail/bhlhnicpbhignbdhedgjhgdocnmhomnp)


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

[Website](http://www.colorzilla.com/chrome/)

<hr/>

## [CSSViewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)

![CSSViewer](https://thepracticaldev.s3.amazonaws.com/i/r3j709cmt3j97j42hjax.png)

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

How to use :
To enable CSSViewer, simply click the toolbar icon and then hover any element on you want to inspect in current page.

[Website - Github Repo](https://github.com/cssviewer/cssviewer)

## [Form filler](https://chrome.google.com/webstore/detail/bnjjngeaknajbdcgpfkgnonkmififhfo)
![Form filler](https://thepracticaldev.s3.amazonaws.com/i/lvga80zj9xybs54x4lx9.png)

This extension allows you to fill all form inputs (textboxes, textareas, radio buttons, dropdowns, etc.) with dummy data. It is a must for developers who work with forms as it avoids the need for manually entering values in fields.

[Github repo](https://github.com/husainshabbir/form-filler)
<hr/>

## [Clear Cache](https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn)

![Clear Cache](https://thepracticaldev.s3.amazonaws.com/i/e4jue6av5r659gl0qz8m.png)

Clear your cache and browsing data with a single click of a button.

Quickly clear your cache with this extension without any confirmation dialogs, pop-ups or other annoyances.

<hr/>

> You can find most of these chrome extensions on bookmarked on[https://www.bookmarks.dev/search?q=[google-chrome-extension]](https://www.bookmarks.dev/search?q=[google-chrome-extension]) and in the generated public repository on Github - [CodepediaOrg/bookmarks](https://github.com/CodepediaOrg/bookmarks/blob/master/tagged/google-chrome-extension.md)

If you have one I really should include my in list please leave a comment below.