10 Incredibly Useful Extensions For Developers
Tags: codenewbie, extension, webdev, productivity
Published: 2022-01-28 16:31:45

**Extension :** Extensions are software programs, built on  HTML, CSS, and JavaScript that enable users to customize the Chrome browsing experience.

**1.**[**Wappalyzer**](https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg): Wappalyzer is a technology profiler that shows you what websites are built with and it also shows you the Framework technologes.  

![Wappalyzer Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yy3ywtdoh7c01l78joen.png)

**2.**[**OneTab**](https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall): When find yourself with too many tabs, click the OneTab icon to convert all of your tabs into a list. When you need to access the tabs again, you can either restore them individually or all at once.

 ![OneTab Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l0h302lac9y6c0uip7z2.png)

**3.**[**Visual Inspector**](https://chrome.google.com/webstore/detail/visual-inspector/efaejpgmekdkcngpbghnpcmbpbngoclc): This extension will help you to Inspect and Change all design properties in web page like position, opacity, colors, gradient, typography and Get fonts, colors and assets from website in one click.

![Visual Inspector Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pr0tvwha6otw4k4dh2pk.png)

**4.**[**ColorZilla**](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp): This extenstion will help you can get a color reading from any point in your browser, quickly adjust this color and get the hex code and apply to your programs.

![ColorZilla Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6qanyma2mzou3zkk829z.png)

**5.**[**Color by Fardos**](https://chrome.google.com/webstore/detail/color-by-fardos-color-pic/iibpgpkhpfggipbacjfeijkloidhmiei): Pick colors from websites, save colors & gradients, get matching shades and tints and create beautiful gradients.
 
![Color Picker Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kpyld24c4h8e2q54go9u.png)

**6.**[**Pesticide**](https://chrome.google.com/webstore/detail/pesticide-for-chrome-with/neonnmencpneifkhlmhmfhfiklgjmloi): This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

![Pesticide Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r8thlflrd9t9ld3g99t3.png)

**7.**[**SVG-Grabber**](https://chrome.google.com/webstore/detail/svg-grabber-get-all-the-s/ndakggdliegnegeclmfgodmgemdokdmg): svg-grabber lets you preview, download and copy the code all SVG icons and illustrations in a website.

![SVG-Grabber Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1vx812ne3b8lt1lwtp1h.jpg)

**8.**[**WhatFont**](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm): The easiest way to identify fonts on web pages.

![WhatFont Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36s2n9g2kxerumn5iroy.png)

**9.**[**Site Palette**](https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh): THis extension help you that generates colour palettes. A must-have tool for designers and frontend developers. Grab colours for any website. 

![Site Palette Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/491yv0sufe804gqb19kw.png)

**10.**[**Temp Mail**](https://chrome.google.com/webstore/detail/temp-mail-disposable-temp/inojafojbhdpnehkhhfjalgjjobnhomj): Temporary disposable email address. Protect your email from spam, bots and phishing with TempMail.

![Temp Mail Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9j8576d4sogpuguuvpkv.png)

**Thanks for reading the article ❤️
Hope this post will be useful!**

_If you guys know of other helpful extensions, please let me know in the comments._

{% user buddhadebchhetri %}