Top Chrome Extensions Every Developer Should Use 🛠
Tags: beginners, codenewbie, webdev, tooling
Published: 2020-12-06 11:38:17

Do you want to use the Chrome web browser more effectively as a Developer? 🤯

If you said `YES`, then this article is for you. We'll go through some of the best Google Chrome Extensions Every Developer should have.

### Why to make use of Google Chrome & its Extensions?

Google Chrome is a cross-platform web browser developed by Google. Since most users use the Chrome web browser, even we as a developer use Chrome as our primary browser, It allows us to access a massive repository of Chrome extensions and resources that make our everyday activities less of a hassle. There seems to be no further need for more software with built-in developer tools.

Chrome extensions are only one of the many techniques that can be really helpful. Below is a list of the best extensions that we can make use of on a daily basis.

### Top Google Chrome Extensions, you must have 🤩

1. [ColorZilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.
![1.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607251838715/ziEtQAYZC.jpeg)

2. [Coil](https://chrome.google.com/webstore/detail/coil/locbifcbeldmnphbgkdigjmkbfkhbnca)
Coil is a flat rate for Web Monetization. What that means is that you pay a fixed amount of money per month to Coil and Coil will stream money to websites as you browse.
Coil builds on an open standard called [Web Monetization](webmonetization.org). This is a brand-new standard and not many websites support it yet. But it enables some amazing new experiences. 
![2.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607252000065/6eqOuuGMz.jpeg)

3. [CSS Viewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)
A simple CSS property viewer.
CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a Firefox add-on (2006-2008). 
![3.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607252094632/qgKDCCZK2.jpeg)

4. [daily.dev](https://chrome.google.com/webstore/detail/dailydev-news-for-busy-de/jlmpjdjjbgclbocgajdjefcidcncaied)
daily.dev is the easiest way to stay updated on the latest programming news.
![4.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607252237309/GtGrjpFBD.jpeg)

5. [EditThisCookie](https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg)
EditThisCookie is a cookie manager. You can add, delete, edit, search, protect, and block cookies!
![5.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607252444924/tnrLuJycg.jpeg)

6. [Grammarly](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen)
Communicate With Impact. Ensure Everything You Write Comes Across The Way You Intend. Present Your Best Self Every Time You Type. Make Your Writing Clear and Engaging. Eliminate grammar errors. Easily improve any text.
![6.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607252584258/nQ3Vtsjdh.jpeg)

7. [JSON Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh)
The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. It is a Chrome extension for printing JSON and JSONP.
![7.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607252683168/1AJrkWSW1.jpeg)

8. [Keywords everywhere](https://chrome.google.com/webstore/detail/keywords-everywhere-keywo/hbapdpeemoojbophdfndmlgdhppljgmp)
Keyword search volume, CPC, and competition for 15+ websites like Google™ Search Console, YouTube™, Amazon™ & more.
![8.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607252827536/C1b-4_b6E.jpeg)

9. [Momentum](https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca)
Replace a new tab page with a personal dashboard featuring to-do, weather, and inspiration.
![9.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1607253013732/qrYbQsXwr.png)

10. [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg)
Wappalyzer is a technology profiler that shows you what websites are built with. Find out what CMS a website is using, as well as any framework, eCommerce platform, JavaScript libraries, and many more.
![10.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1607253155843/Fs_nvJEhC.png)

11. [React – Developer Tools Extension](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
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.
![11.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607253248722/CGchwlXmt.jpeg)

12. [Redux dev tools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)
The extension provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state.
![12.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607253327959/6nkOwopmb.jpeg)

13. [vidIQ Vision for YouTube](https://chrome.google.com/webstore/detail/vidiq-vision-for-youtube/pachckjkecffpdphbpmfolblodfkgbhl)
Do you want to know how to get more YouTube views, or discover the secrets to success behind your favorite YouTube channels and videos? vidIQ Vision for Chrome is a suite of powerful tools that every creator needs access to if they want to build their audience on YouTube.
![13.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607253424957/S4OuHxp6c.jpeg)

14. [WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)
The easiest way to identify fonts on web pages.
![14.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607253500059/S2W5f_2Fb.jpeg)


> NOTE: React & Redux devtools Extensions are for those who works with React on daily basis. 

--------

Congratulations!!🥳 You made it till the end. Hope you have now figured out what extensions you should use to make your life a bit easier than before.😄

> Is there any other extension that you make use of? Please let me know in the comments section.✍️

_Thanks, for reading it till the end._ 🙏

------

Hope you find that helpful! Let me know your thoughts on this in the comments section. Don't forget to share this article with your friends or colleagues. Feel free to connect with me on any of the platforms below! 🚀

 [Twitter](https://twitter.com/iamdarshshah)  |  [LinkedIn](https://www.linkedin.com/in/iamdarshshah/)  |  [GitHub](https://github.com/iamdarshshah) 

-----