35+ Chrome Extensions for Web Developers & Designers

# 35+ Chrome Extensions for Web Developers & Designers
# Curated By @codemarch

### 1. CSS Viewer.
### A simple CSS property viewer.
🔗[https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en)

### 2. **Window Resizer
Resize Google Chrome windows.**
🔗 [https://chrome.google.com/webstore/detail/window-resizer/fgcikanifihhgnacepigehgmplgkkgcl?hl=en-GB](https://chrome.google.com/webstore/detail/window-resizer/fgcikanifihhgnacepigehgmplgkkgcl?hl=en-GB)

### 3. Fonts Ninja
Speed up your design workflow!
🔗 [https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh?hl=en-GB](https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh?hl=en-GB)

### 4. **CSS Peeper
Extract CSS and build beautiful style guides.**
🔗 [https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en-GB](https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en-GB)

### 5. ColorZilla
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
🔗[https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en-GB](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en-GB)

### 7. BrowserStack
Instantly test your webpage on any desktop or mobile browser.
🔗[https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb?hl=en-GB](https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb?hl=en-GB)

### 8. **WhatFont
Lets you know what font is used on any website**
🔗[https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb?hl=en-GB](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en)

### 9. Githunt
Replace the new tab with a list of trending repositories on github belonging to any technology that you chose..
🔗[https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb?hl=en-GB](https://chrome.google.com/webstore/detail/githunt/khpcnaokfebphakjgdgpinmglconplhp?hl=en-GB)

### 10. Wappalyzer
Identify web technologies
🔗[https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb?hl=en-GB](https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en-GB)

### 11. **EditThisCookie**
EditThisCookie is a cookie manager. You can add, delete, edit, search, protect and block cookies!
🔗[https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb?hl=en-GB](https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg?hl=en-GB)

### 12. Check My Links
Check My Links is a link checker that crawls through your webpage and looks for broken links.
🔗 [https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf?hl=en-GB](https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf?hl=en-GB)

### 13. Quick Javascript Switcher
Quick way to enable/disable Javascript
🔗 [https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en-GB](https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en-GB)

### 14. Toggle JavaScript
Enable or disable JavaScript without the hassle
🔗 [https://chrome.google.com/webstore/detail/toggle-javascript/cidlcjdalomndpeagkjpnefhljffbnlo?hl=en-GB](https://chrome.google.com/webstore/detail/toggle-javascript/cidlcjdalomndpeagkjpnefhljffbnlo?hl=en-GB)

### 15. React Developer Tools
Adds React debugging tools to the Chrome Developer Tools
🔗 [https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en-GB](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en-GB)

### 16. Web Developer Checklist
Analyses any web page for violations of best practices
🔗 [https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp?hl=en-GB](https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp?hl=en-GB)

### 17. Site Palette
Extract colors from any website
🔗 [https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh?hl=en-GB](https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh?hl=en-GB)

### 18. GoFullPage - Full Page Screen Capture
Capture a screenshot of your current page in its entirety and reliably—without requesting any extra permissions!
🔗 [https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=en-GB](https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=en-GB)

### 19. Link Redirect Trace
The all-in-one redirect path analyzer. HTTP Headers, Rel-Canonicals, robots.txt, link power, trust, and risk analyzed, too!
🔗 [https://chrome.google.com/webstore/detail/link-redirect-trace/nnpljppamoaalgkieeciijbcccohlpoh?hl=en-GB](https://chrome.google.com/webstore/detail/link-redirect-trace/nnpljppamoaalgkieeciijbcccohlpoh?hl=en-GB)

### 20. Dark Reader
Dark mode for every website. Take care of your eyes, use dark theme for night and daily browsing.
🔗 [https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh/related?hl=en-GB](https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh/related?hl=en-GB)

### 21. Web Developer
Adds a toolbar button with various web developer tools.
🔗 [https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=en-GB](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=en-GB)

### 22. JSON Viewer
The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen.
🔗 [https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=en-GB](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=en-GB)

### 23. QuickCode - Free Online Programming Courses
Quick Code Curates Free Online Programming Courses and serves best courses everyday.
🔗 [https://chrome.google.com/webstore/detail/quickcode-free-online-pro/nnigpbiaggiephcndokoaongeefpbdcj?hl=en-GB](https://chrome.google.com/webstore/detail/quickcode-free-online-pro/nnigpbiaggiephcndokoaongeefpbdcj?hl=en-GB)

### 24. Clear history, Cache & Cookies Chrome
Delete your Chrome browsing history, cache, cookies, downloads, forms, local storage, and more in one click. | Easy and simple!
🔗 [https://chrome.google.com/webstore/detail/clear-cache-for-chrome/lcebokhepdpopanpieoopnjiehmoabfp?hl=en-GB](https://chrome.google.com/webstore/detail/clear-cache-for-chrome/lcebokhepdpopanpieoopnjiehmoabfp?hl=en-GB)

### 25. Ghostery – Privacy Ad Blocker
Ghostery is a powerful privacy extension. Block ads, stop trackers, and speed up websites.
🔗 [https://chrome.google.com/webstore/detail/ghostery-–-privacy-ad-blo/mlomiejdfkolichcflejclcbmpeaniij?hl=en-GB](https://chrome.google.com/webstore/detail/ghostery-%E2%80%93-privacy-ad-blo/mlomiejdfkolichcflejclcbmpeaniij?hl=en-GB)

### 26. Readme - Text to Speech Reader
Turn text into lifelike speech
🔗 [https://chrome.google.com/webstore/detail/readme-text-to-speech-tts/npdkkcjlmhcnnaoobfdjndibfkkhhdfn?hl=en-GB](https://chrome.google.com/webstore/detail/readme-text-to-speech-tts/npdkkcjlmhcnnaoobfdjndibfkkhhdfn?hl=en-GB)

### 27. Audiblogs (Send As Podcast)
Instantly listen to any web page in the web browser or use a podcast player
🔗 [https://chrome.google.com/webstore/detail/audioread-formerly-audibl/fblchjbbkkaoobkhhbloehgkpdlomido?hl=en-GB](https://chrome.google.com/webstore/detail/audioread-formerly-audibl/fblchjbbkkaoobkhhbloehgkpdlomido?hl=en-GB)


### 28. QR Code Generator
A super handy QR Code Generator / Creator for you.
🔗 [https://chrome.google.com/webstore/detail/qr-code-generator/afpbjjgbdimpioenaedcjgkaigggcdpp?hl=en-GB](https://chrome.google.com/webstore/detail/qr-code-generator/afpbjjgbdimpioenaedcjgkaigggcdpp?hl=en-GB)

### 29. Heurio
Perfect for UX check, design & development review, heuristic evaluation, user testing, and more.
🔗 [https://www.heurio.co/](https://www.heurio.co/)

### 30. ScribeHow
Turn any process into a step-by-step guide, instantly.
🔗 [scribe.how/chrome](https://t.co/IcwCr5wE6d)

### 31. Marker
Discover similar sites & topics while browsing particular websites.
🔗 [https://marker.io](https://t.co/Sc1ES0NYY2)

### 32. Similar sites
Report visual bugs directly into your favorite tools without leaving your website or web app.
🔗 [https://www.similarsites.com/](https://www.similarsites.com/)

### 33. Checkbot
Checkbot finds SEO, speed & security problems before your website visitors do
🔗 [checkbot.io](https://t.co/O0fOYaffja)

### 34.Motion
Inspect, edit, and export animations made with CSS.
🔗 [https://chrome.google.com/webstore/detail/motion-devtools/mnbliiaiiflhmnndmoidhddombbmgcdk](https://chrome.google.com/webstore/detail/motion-devtools/mnbliiaiiflhmnndmoidhddombbmgcdk)

### 35. Text Blaze
Eliminate repetitive typing and mistakes.
🔗 [blaze.today](https://t.co/ZLIr7375pM)

### 36. Similar sites
Discover similar sites & topics while browsing particular websites.
🔗 [https://www.similarsites.com/](https://www.similarsites.com/)