10+ Unique Chrome Extensions For Web Developers
Tags: javascript, beginners, productivity, tutorial
Published: 2022-08-02 21:06:39

To build web applications smarter, easier, better, and faster you will need some browser extensions especially if you are a frontend developer. well, you are in luck because;  Welcome to 10+ Unique Chrome Extensions For Web Developers.

#### 1. [JSONViewer](https://chrome.google.com/webstore/detail/jsonviewer/khbdpaabobknhhlpglenglkkhdmkfnca)
Viewing Json on the browser can be very hurtful to our eyes, but this extension highlights any JSON file you open in the browser thus, making it easier to read.

#### 2. [Colorzilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)
This is one of the most popular extensions with over 2M+ users. This extension is used for basically extracting colors from pages.

#### 3. [Amino](https://chrome.google.com/webstore/detail/amino-css-editor/pbcpfbcibpcbfbmddogfhcijfpboeaaf)
Amino is a free browser extension that lets you add custom CSS to any webpage. With Amino you could
customize colors, fonts, page layout, and more. it is quite advanced and it also has a CSS inspection tool.

#### 4.[uBlock Origin](https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm)
uBlock Origin is an ad-blocker that blocks ads flawlessly and effectively. I would highly recommend this ad-blocker; because it is one of the best in the business. It has over 10Millon+ downloads, so if you hate ads try this one out.

#### 5. [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg)
Wappalyzer is a technology profiler that shows you what websites are built with. it lets you find out the  framework, eCommerce platform, JavaScript libraries, and much more

#### 6. [WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)
Have you ever stumbled across many beautiful fonts from web pages? WhatFont is a tool that allows you to identify fonts from web pages.

#### 7. [Window Resizer](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh)
This one is very important for implementing responsive design. Window Resizer is a tool that allows you to emulate various screen resolutions.

#### 8. [Web developer](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm)
Web developer is an extension that offers a variety of important tools for writing and testing websites.

#### 9.React/vue/angular devtools
These are extensions that provide you great assistance in working with frontend javascript frameworks like Reactjs, Vuejs, and Angular.

#### 10. [Daily.dev](https://chrome.google.com/webstore/detail/dailydev-the-homepage-dev/jlmpjdjjbgclbocgajdjefcidcncaied)
daily.dev is a great online community for developers to stay updated on the best developer news. With this extension, daily.dev will automatically be your default homepage when you open a new chrome tab.

#### 11. [CSS Viewer](https://chrome.google.com/webstore/detail/css-viewer-for-google-chr/eedfldkdghfkhdcanjnfiklpeehbfoag)
 CSS Viewer allows you to click on any button/image/text etc on a web page and you can instantly see the CSS code which was used.

#### Conclusion
Thank you for reading, this article was a lot of work. it would really make me happy if you could kindly follow me and put your email down for my newsletter.