15 Google Extensions You Should Have
Tags: productivity, devlife, tools
Published: 2020-08-19 09:32:32

Sometimes, during my live on Twitch or my workshop at work, people ask me which extensions are using on Chrome/Edge.

# Privacy and Password Manager

### [uBlock Origin](https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm)
The best ad-blocker in the world. It is lightweight and it uses low CPU. 
It uses a lot of filters by default and you can add more filters if needed.

Free.

### [LastPass: Free Password Manager](https://chrome.google.com/webstore/detail/lastpass-free-password-ma/hdokiejnpimakedhajhdlcegeplioahd)
I can't live without this extension. I don't like to signup to online services or websites with Facebook/Twitter/GitHub and every time I create a new user with username and password.
In this case, you need this extension to remember your credentials.

# GitHub 

### [Enhanced GitHub](https://chrome.google.com/webstore/detail/enhanced-github/anlikcnbgdeidpacdbdljnabclhahhmd)
It adds some information on GitHub repo and files.
Be default it displays the repo size, file size and adds buttons to copy the content of the file or the download link for a file.

### [File Icons for GitHub](https://chrome.google.com/webstore/detail/file-icons-for-github-and/ficfmibkjjnpogdcfhfokmihanoldbfe)
By default, GitHub displays a default icon for each file.
This extension gives different icons for filetypes.

### [GitHub FiraCode](https://chrome.google.com/webstore/detail/github-firacode/nfgkhbjmmcggnlbekdjajjdgendcpffc)
If you are an online code reader like me, you need this extension.
Why? Because if you are using font ligatures on Visual Studio Code, you need font ligatures in GitHub as well.

### [GitZip for GitHub](https://chrome.google.com/webstore/detail/gitzip-for-github/ffabmkklhbepgcgfonabamgnfafbdlkn)
Sometimes you need to download only a bunch of files or a folder and you don't want to clone the repo on your machine.
With this extension you can select files and folder and download the files as a zip.

### [OctroTree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc)
One of the most famous and useful extensions for GitHub, I think.
It adds a folder tree of your repo directly on the left side of your browser and it helps to navigate the code more easily.
In addition, it adds a quick search bar.

# Dev Tools

### [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
You need this extension only if you work with React daily.
Directly from the dev toolbar, you can access the React components information and you have also a profiler to analyze your application performance.

### [Usersnap - Capture visual feedback and bugs](https://chrome.google.com/webstore/detail/usersnap-capture-visual-f/khehmhbaabkepkojebhcpjifcmojdmgd)
Writing documentation and collect feedback from users is always a nightmare for a developer.
With this extension, you can capture screen, add feedback and information directly on the image without exiting from the browser.
It's a life and time saver.

### [WebHint](https://chrome.google.com/webstore/detail/webhint/gccemnpihkbgkdmoogenkbkckppadcag)
It's very similar to Lighthouse from Google, but it comes from Microsoft.
15 Google Extensions You Should Have

It helps to collect and analyze information about your web app.
Especially if you developed a PWA.

### [JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc)
Do you want to see you REST API response directly on the browser?
It helps to format your JSON response directly on Chrome.

### [XML Viewer](https://chrome.google.com/webstore/detail/xv-%E2%80%94-xml-viewer/eeocglpgjdpaefaedpblffpeebgmgddk)
Do you want to see you REST API response directly on the browser?
It helps to format your XML response directly on Chrome.

# Tools

### [Grammarly for Chrome](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen)
I can't image a day without this extension.
If you write documentation/email/posts in the browser, Grammarly helps you to eliminate errors and find the perfect words for every occasion.

### [WhatRuns](https://chrome.google.com/webstore/detail/whatruns/cmkdbmfndkfgebldhnkbfhlneefdaaip)
If you want to discover what technology and fonts run on a site, this extension is for you.
Very useful if you are curious and you want to understand what kind of technologies are running behind the scenes.

### [Extensity](https://chrome.google.com/webstore/detail/extensity/jjmflmamggggndanpgfnpelongoepncg)
As you know Chrome is a battery drainer.
With Extensity you can enable and disable extensions very quickly with a single click directly from the top browser toolbar.

# Conclusion
Do you have other interesting and useful extensions?
Let me know in the comments!