Chrome Extensions of the Month - June 2022
Tags: beginners, productivity, webdev, javascript
Published: 2022-06-30 05:42:00

In this article, I am going to give you some of the best extensions that you need to install for better productivity. So without further due, let's get into it.


## Table of Contents

  * [SVG Export](#svg-export)
  * [Bionic Reading](#bionic-reading)
  * [Mobile Simulator](#mobile-simulator)
  * [Speechify Text-to-Speech (TTS)](#speechify-text-to-speech--tts-)
  * [Hover Zoom+](#hover-zoom)
  * [Scribe](#scribe)
  * [Visual CSS Editor](#visual-css-editor)
  * [Social Share Preview](#social-share-preview)
  * [Wappalyzer](#wappalyzer)
  * [Raindrop.io](#raindropio)

## SVG Export

[SVG Export](https://chrome.google.com/webstore/detail/svg-export/naeaaedieihlkmdajjefioajbbdbdjgp) lets you download SVGs from websites as SVGs, PNGs, and JPEGs. You can export them in bulk 

**Key Features:**
- Bulk export
- Export as PNG, JPEG, or SVG from any website
- Resize images

![SVG export](https://lh3.googleusercontent.com/8o74-dBaQb5Uda1tFt6Eye5q_nl5sY1n0HrODIvQIU-3Q8NQoatcw2fKAwnTHXWtVew-SoSaBMjPEZowUFUka3RO=w640-h400-e365-rj-sc0x00ffffff)

<hr>

## Bionic Reading

[Bionic Reading](https://chrome.google.com/webstore/detail/bionic-reading/kdfkejelgkdjgfoolngegkhkiecmlflj) extensions play with `font-weight`. It increases the `font weight` of some of the characters in the text which increases the readability of the text.

**Key Features:**
- Increase the readability of text 
- Bold the initial letters for faster reading
- Focused Reading

![bionic reading](https://lh3.googleusercontent.com/9PH2ZwiLHoauM46XaOviouBVYERlZQky7elTbnn2X6C4eKYa8VxOBcGCEfF0cTmPw4AJy-Tn81FAATcc5CAjejrN=w640-h400-e365-rj-sc0x00ffffff)

<hr>

## Mobile Simulator

[Mobile Simulator](https://chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk) lets you check the responsiveness of your website or web app. You can do that via chrome dev tools but it has support for  40+ devices.

**Key Features:**
- Test the Responsiveness
- 16 models of Android smartphones 
- 15 models of Apple smartphones
- 5 models of tablets
- 7 special devices
- Take a screenshot of the smartphone in transparent PNG 

![mobile simulator](https://lh3.googleusercontent.com/4ga5aWnod0W6o_3bYR6OOdWcXvbtW-7D6yRwgQD-FeMICJG-k_-WjdXeIAQdkc5M4w2dUHgfJEKYLfx786UO9lC-kA=w640-h400-e365-rj-sc0x00ffffff)

<hr>

<h2 id="speechify-text-to-speech--tts-">Speechify Text-to-Speech (TTS)</h2>

[Speechify](https://chrome.google.com/webstore/detail/speechify-text-to-speech/ljflmlehinmoeknoonhibbjpldiijjmm) allows you to listen to docs, articles, PDFs, email — anything you read — with our leading text-to-speech reader.

**Key Features:**
- Listen to Docs, Articles, PDFs, Emails, etc.
- Turn any text into speech 
- Listen with the highest quality natural-sounding voices in over 20+ languages.

![speechify](https://lh3.googleusercontent.com/gxuSR_dSLNYwKPK-XeZ44coeKZCz1-vOVWB9z4JkBEjrIZSKmeneFKat4JqUjs6MKxNts5ewMdLm4vn4qKctuEbNgv0=w640-h400-e365-rj-sc0x00ffffff)

<hr>

<h2 id="hover-zoom">Hover Zoom+</h2>

[Hover Zoom+](https://chrome.google.com/webstore/detail/hover-zoom%2B/pccckmaobkjjboncdfnnofkonhgpceea) allows you to hover over any image on the supported websites and it will automatically enlarge the image to its full size, making sure that it still fits into the browser window.

**Key Features:**
- Enlarge the image to its full size
- Make sure that the image fits into the browser window 


![hover zoom+](https://lh3.googleusercontent.com/Dgk59trR55ciTAkrHTTTNiVFahl0X5Q41XPab41uwDSZbmdqgkCLk-FDmX-BfAylR9CZPtxWIfRDHdatUy2GhfOa2A=w640-h400-e365-rj-sc0x00ffffff)

<hr>

## Scribe

[Sribe](https://chrome.google.com/webstore/detail/scribe-%E2%80%94-documentation-so/okfkdaglfjjjfefdcppliegebpoegaii) auto-generate step-by-step guides, just by clicking record. All you have to do is click “record” and go through the process you want to share. Scribe monitors your clicks and keystrokes to instantly create your guide.

**Key Features:**
- Automatically generated step-by-step guides
- Customizable text, steps, and images
- One-click sharing
- Easy embed in any knowledge base or CMS
- Auto-redaction for sensitive information
- Enterprise-grade security and controls

![scribe](https://lh3.googleusercontent.com/CN8n-PRqK3TiLPkzwh0FJ9Uv2j54gpdPuf7T6gTlL8B7BR7ZFGA14X0ZNGBB6ORU9HDTLwgd2atO3MPLNPAQ15rk=w640-h400-e365-rj-sc0x00ffffff)

<hr>

## Visual CSS Editor

[Visual CSS Editor](https://chrome.google.com/webstore/detail/visual-css-editor/cibffnhhlfippmhdmdkcfecncoaegdkh/related)  allows you to customize any website without coding. Click on an element and start visual editing. Adjust colors, fonts, sizes, positions, and a lot more. Take full control over your website's design with more than 60 style properties.

**Key Features:**
- Visual Inspector
- Customize any website visually
- Automatic CSS selectors
- 60+ CSS properties
- Visual Dragging
- Visual margin & padding editing
- Undo/redo history
- Export CSS Styles

![visual css editor](https://lh3.googleusercontent.com/TTEAGbufQo-RJE81GYbcY_H8fIPGz-on-frsWdACMxMCLpldJRNGJKaJAivs_peJRZie5swxLKSU92Sj7KS7I1a6zZo=w640-h400-e365-rj-sc0x00ffffff)

<hr>

## Social Share Preview

With [Social Share Preview](https://chrome.google.com/webstore/detail/social-share-preview/ggnikicjfklimmffbkhknndafpdlabib/related) plugin, you can check how the link previews of a website look like on Facebook, Twitter, LinkedIn and Pinterest. Just activate the plugin to see the preview snippets of every page you browse.


![social preview](https://lh3.googleusercontent.com/-mc69tCw-Pw-sbd8XqFPpVRDUngtFTw2OqchJV2Xq-YGxDxMkBP3e_F6KgSasf4Zans-ZkqRricbs7n4PSqLZOp4Qw=w640-h400-e365-rj-sc0x00ffffff)

<hr>

## Wappalyzer

[Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg) is a technology profiler that shows you what websites are built with. Wappalyzer is more than a CMS detector or framework detector: it uncovers more than a thousand technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN, and others.

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

<hr>

## Raindrop.io

[Raindrop.io](https://chrome.google.com/webstore/detail/raindropio/ldgfbffkinooeloadekpmfoklnobpien) is all-in-one bookmark manager. You can save anything from the Web such as Clip articles, photos, videos, PDFs and pages from the web and apps.

**Key Features:**
- Save Anything from the Web
- All bookmarks are organized
- Full-Text Search & Permanent Library
- Access your bookmark anywhere (Cross Platform) 
- Bookmarks are Private by Default
- No tracking or intrusive advertising.

![raindrop.io](https://lh3.googleusercontent.com/AO5W5bGoyq298U8eawQ5JqBbox1W9Jug2LGeD7qFcx48oroRnUfY2zttHwFl1FlToamZSNnu-Z48e_GJdO8AKFpCNhQ=w640-h400-e365-rj-sc0x00ffffff)

<hr>

## Wrapping Up
These were some extensions for this month (June). You might have heard some before, but if you like anyone then don't forget to press ❤️ and Bookmark this article for later use. I have personally used all the above extensions and from my experience, every extension is worth installing.