Best Chrome Extensions for Developers🔥
Tags: developer, extensions, productivity, newbie
Published: 2021-11-01 12:14:31

# Hello, Devs👋

For developers, it is very important to be productive and save time. Today in this blog, I am going to show you top chrome extensions for more productivity. This extension will be very helpful for the developers and programmers. Here is the list:



# [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en)

Wappalyzer is a **technology profiler** that shows you what websites are built with. It is extremely helpful to know **a website's tech stacks.** It can identify web technologies such as what frameworks, libraries, CMS, Payment methods, databases, web servers, etc are used.

![Wappalyzer](https://lh3.googleusercontent.com/TE5cGjbTbj_mqLFn1_IljQ8NkX8lZZNDJApijpuoug4FMd8g5EsoWjW8ZUcHnlclzo1KknI21_KUmckFNHUE3JCO0w=w640-h400-e365-rj-sc0x00ffffff)

# [VisBug](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?hl=en) 
It is a great and awesome **open-source browser page designing tool**. These tools are greatly useful and advanced for debugging, getting, editing, customizing CSS styles. This provides a toolbar on the side of the page.

![Visbug](https://cdn.hashnode.com/res/hashnode/image/upload/v1635763600939/_wmEoQQyh.png)

# [JSON Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh/related?hl=en)

It is a useful extension for you if you frequently work with JSON data. It formats and colorizes JSON on your browser. It is the most popular and best tool for JSON viewing. It provides syntax highlighting, JSON console in the browser, collapsible nodes, and so many features.

![JSON Viewer](https://cdn.hashnode.com/res/hashnode/image/upload/v1635764168696/XIZW063tV.png)

# [Color by Fardos](https://chrome.google.com/webstore/detail/color-by-fardos-color-pic/iibpgpkhpfggipbacjfeijkloidhmiei?hl=en)

A great tool for color picking. Pick colors from websites, save colors & gradients, get matching shades and tints and create beautiful gradients. It has the advantage that it can sync your saved colors and save them. I also like it for color picking.

![color](https://cdn.hashnode.com/res/hashnode/image/upload/v1635764745082/bPsFg8_9w.png)

![color](https://cdn.hashnode.com/res/hashnode/image/upload/v1635764770937/6zahMVjtQ.png)

# [What Font](https://chrome.google.com/webstore/detail/what-font-find-font/djgfpbegnihdgbngpmhjnlchgglngcdn?hl=en)
A great tool for picking font from a website. This extension supports Google API as a font finder, so you will have info about all popular Google Fonts.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635767013295/zRQ21e37H.png)

# [Session Buddy](https://chrome.google.com/webstore/detail/session-buddy/edacconmaakjimmfgnblocblbcdcpbko?hl=en)
If you work with a lot of tabs then use this extension. Manage Browser Tabs and Bookmarks with Ease

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635767324961/SrQz1qvlf.png)

#  [Site Palate](https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh?hl=en) 
Helps you to extract colors from any website. Generate color schemes from any website. Very useful for designers.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635765111579/0eQTi7IIr.png)

#  [Evernote](Link) 
Evernote **Web Clipper** is a browser extension that lets you save interesting things you find on the web directly to your Evernote account.
Clip web pages, articles, or PDFs and save them in Evernote. Screen capture full pages or just the parts you want—without distracting ads and sidebars.
Very useful for resources and note down pieces of information.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635765240044/mZYixgzge.png)



#  [AdBlocker](https://chrome.google.com/webstore/detail/adblock-%E2%80%94-best-ad-blocker/gighmmpiobklfepjocnamgkkbiglidom?hl=en) 
Best and very popular adblocker with 10million+ downloads.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635765385933/NOXCgIbpQ.png)

#  [SiteCheker](https://chrome.google.com/webstore/detail/website-seo-checker-free/nljcdkjpjnhlilgepggmmagnmebhadnk?hl=en) 

A free Sitechecker SEO Chrome Extension helps you quickly identify technical on-page SEO issues. By fixing them, you will improve your ranking and get more traffic and sales. Provides tips to improve SEO.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635765534801/hM0GRM1S4d.png)

# [Dark Reader](https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=en)
If you like to read so many articles and a website doesn't support dark mode this will be helpful for you. It forces any website and apply dark mode.
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635767486297/8Ftax5AlI.png)

# [Dev.to](https://chrome.google.com/webstore/detail/dailydev-the-homepage-dev/jlmpjdjjbgclbocgajdjefcidcncaied?hl=en)
Get a feed of the hottest developer news personalized to you. From 400+ sources, it grabs best news and blogs. 

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635766934653/rml3kC0nM.png)

# [Read&Write](https://chrome.google.com/webstore/detail/readwrite-for-google-chro/inoeonmfapjbbkmdafoankkfajkcphgd)
Boost reading and writing confidence across all types of content and devices, in class, at work, and at home! Best for reading and writing articles.
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635767723215/6d3SZ4K7u.png)

#  [Enhanced Github](https://chrome.google.com/webstore/detail/enhanced-github/anlikcnbgdeidpacdbdljnabclhahhmd?hl=en) 

It is helpful for downloading individual files from github.Display repo size, size of each file, download link and option to copy file contents

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635765674800/U5rAeBECw.png)

# [GitPod (Vs code in browser)](https://chrome.google.com/webstore/detail/gitpod-always-ready-to-co/dodmmooeoklaejobgleioelladacbeki?utm_source=googleads&utm_medium=adgroup5&utm_campaign=adgroup5&utm_id=adgroup5&gclid=Cj0KCQjw5oiMBhDtARIsAJi0qk3vN2uzIHIWVUuiXT75_lB31D-8usI7tGI3OkV-u36DtzlYGTMNpD8aAoiwEALw_wcB)

Spin up fresh, automated dev environments for each task, in the cloud, in seconds.
Gitpod is an open-source developer platform automating the provisioning of ready-to-code developer environments.
It enables you to edit your GitHub repositories code right on you browser with cloud vs code! 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ler0ei2a8fa80332eqp.png)

# [Octa Tree](https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc?utm_source=googleads&utm_medium=adgroup5&utm_campaign=adgroup5&utm_id=adgroup5&gclid=Cj0KCQjw5oiMBhDtARIsAJi0qk3vN2uzIHIWVUuiXT75_lB31D-8usI7tGI3OkV-u36DtzlYGTMNpD8aAoiwEALw_wcB)
Browser extension that enhances GitHub code review and exploration.
It provides fastest code exploring without loading the page, file tree, file searching, multiple tabs, customizing, bookmarking and so on.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lb8w1c1dgwotxx6qih05.png)
 

# [Browser Stack](https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb?hl=en)
It is a tool for checking responsiveness and cross-browser compatibility. Launch a new test session in any browser using the Browser Stack Quick Launch Extension. Set up to 12 browsers for quick access and minimize the time spent in switching browsers.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635765832508/d2CtZs-BF.png)


# For spelling and Grammer
# [Grammarly](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen?hl=en)
It will be extremely useful for you if you are weak in grammar and can't write English correctly. It helps you write grammar and spelling correctly.
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1635766315828/Fbpm-SluV.png)

#### [Microsoft Editor](https://chrome.google.com/webstore/detail/microsoft-editor-spelling/gpaiobkfhnonedkhhfjpmhdalgeoebfa?hl=en) is an alternative to it.

#### Oh! There are so many extensions!

# Bonus: [Extension Manager](https://chrome.google.com/webstore/detail/extension-manager/gjldcdngmdknpinoemndlidpcabkggco?hl=en)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y3ev4yymslrphx4gaoj2.png)  
Manage extensions, Quickly enable/disable, Support batching operation, Smart sorting. Fast, Simple, and Secure.

> 
 **It is so important to manage your extensions and save your PC from becoming a toaster😅**

That's all about it. Thanks for reading.
GitHub Profile: https://github.com/RF-Fahad-Islam