8 real useful Chrome Dev & Design extensions 👨🏻‍💻
Tags: webdev, programming, productivity, design
Published: 2022-05-11 02:47:44

###1- [Blackbox - Select. Copy. Paste & Search](https://chrome.google.com/webstore/detail/blackbox-select-copy-past/mcgbeeipkmelnpldkobichboakdfaeon)

If the extension title itself wasn't enough to convice you: imagine copy and paste the text on any _image, article or video_ **you want.** 

To spare yourself lots of lost time, you just have to install, create an free account, and copy and paste any text you want.
![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zuuq3izv6i927qsk8urj.png)

<br/>
###2- [Dark Reader](https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh)

If like me, you are also tired of tiring your eyes with the light theme as default on almost every website, or just don't have the option to change to dark mode.

This open source MIT-licensed extension, turns literally any website you want in dark mode, **applying dynamic CSS classes** to change their styles.
![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2dc7jdz40ohma2ol8yae.png)
The most amazing part is that **you can export these styles to apply on your website yourself!** Or simply study why those colors work with each other.

If all of that wasn't enough, you can change brightness, contrast, and even font styles to your personal favorite. **IN ANY WEBSITE.**

<br/>
###3- [ColorZilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)

Copy the HEX, RGB, HSL and HSV values from any color you see around the web. In addition, you can also analyze all colors applied in CSS of any site.
![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pbs0g8ojzkeg9s6d4l7f.png)

<br/>
###4- [Grepper](https://chrome.google.com/webstore/detail/grepper/amaaokahonnfjjemodnpmeenfpnnbkco)

I think we can all relate to spending more time than we'd like to look for a solution to that annoying bug.

This extension is here to help us decrease this time. Where all users of this extension can publish **code snippets, to any google search, _and any framework/language_**. 🤯😳

![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mm40qeftvn1f7aul1ph2.png)

<br/>
###5- [JSON Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh)
  

Format any JSON data you see on web. With this extension your JSON response is so much more legible. Analyze raw data no more.
![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ac8zqz6kudfdcqly3w7j.png)
You can even customize the color scheme, highlight, wrap and many others things on your response.

<br/>
###6- [CSS Viewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)

See many CSS properties for an div/HTML element **just by hovering it.**
![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ywjggqna9avxrsd3x5cd.png)

<br/>
###7- [Material Icons for GitHub](https://chrome.google.com/webstore/detail/material-icons-for-github/bggfcpfjbdkhfhfmkjpbhnkhnpjjeomc)

![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z98ciherkka0fs5xqg59.png)
Alright, this one might not be real _uuseful_, but adding file & folder icons to GitHub repos really helps find visually what you want. Or just make things more prettier, i guess. 🤓

<br/>
###8- [VisBug](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc)

**And I saved the best for last.**
This one is just like CSS Viewer, but with _sooo_ much **more**.

This awesome extension give you power to preview any change you want in a website, just with the right clicks. Color, padding, margin, position, shadows, and it keeps going! 🚀🙌🏼
![GIF Demo](https://miro.medium.com/max/1400/1*LVdkOeG_l8RKPkkf0m-Nyg.gif)
Although may be a little complex to use at first, once you get the hang of it, you'll never need to test a code change a thousand times to get it the way you wanted.

#That's it❗ 🥳
> Thank you so much for reading my article this far. Any extension interested you? Or have you not heard of it yet? Tell me in the comments! 🤩😉