# Browser Extensions

> Browser extensions and userscripts: tools installed into a browser (Chrome, Firefox, Safari add-ons). NOT web apps that merely run in a browser.

- Parent category: [Developer Tools](https://devshelf.io/category/developer-tools.md)
- DevShelf page: https://devshelf.io/category/browser-extensions

## Resources (17)

- [ColorZilla](https://devshelf.io/resource/colorzilla.md): Browser extension providing an eyedropper, color picker, and CSS gradient generator for web development. (pricing: Free)
- [Compare Pixels by Pastel](https://devshelf.io/resource/compare-pixels-by-pastel.md): A visual comparison tool that overlays design mockups onto live websites to identify discrepancies between design and implementation. (pricing: Free)
- [CSS Scan](https://devshelf.io/resource/css-scan.md): A browser extension to inspect, debug, and copy CSS rules of any element on a webpage with a single click. (pricing: Paid)
- [daily.dev](https://devshelf.io/resource/daily-dev.md): A personalized news aggregator and feed for software developers, available as a browser extension and mobile application. (pricing: Freemium)
- [Hackertab](https://devshelf.io/resource/hackertab.md): A browser extension that aggregates developer news, tools, and conference updates from multiple sources into a single dashboard. (pricing: Free)
- [Octotree](https://devshelf.io/resource/octotree.md): A browser extension that adds an IDE-like file tree explorer and code navigation features to GitHub repositories. (pricing: Freemium)
- [Over.fig](https://devshelf.io/resource/over-fig.md): Browser extension to overlay Figma designs onto live websites for pixel-perfect comparison and CSS inspection. (pricing: Freemium)
- [PR Radar](https://devshelf.io/resource/pr-radar.md): A browser extension dashboard for pull requests across GitHub, GitLab, and Bitbucket, featuring CI status, code reviews, and desktop notifications. (pricing: Free)
- [Python Playground](https://devshelf.io/resource/python-playground.md): Fast and convenient Python compiler and editor Chrome extension that lets you run and test Python code directly in your browser popup. (pricing: Freemium)
- [React Developer Tools](https://devshelf.io/resource/react-developer-tools.md): Chrome DevTools extension for inspecting React component hierarchies, props, state, and performance profiling. (pricing: Free)
- [Sortbase](https://devshelf.io/resource/sortbase.md): Browser extension that adds folders, a prompt library, and cross-model chat transfer to ChatGPT, Claude, Gemini, and Grok. (pricing: Freemium)
- [Test API](https://devshelf.io/resource/test-api.md): Browser extension for testing and debugging RESTful APIs and HTTP endpoints locally. (pricing: Free)
- [toast.log](https://devshelf.io/resource/toastlog.md): A browser extension that displays console errors, warnings, logs, network requests, and SEO issues as on-page toast notifications in real-time. (pricing: not verified)
- [Vue DevTools](https://devshelf.io/resource/vue-devtools.md): Browser extension and standalone app for inspecting Vue.js component trees, states, and relationships. (pricing: Free)
- [Wappalyzer](https://devshelf.io/resource/wappalyzer.md): Technographic data provider that identifies technologies used on websites for prospecting and market analysis. (pricing: not verified)
- [Web Developer](https://devshelf.io/resource/web-developer.md): A browser extension that adds a comprehensive toolbar of web development tools to Chrome, Edge, Firefox, and Opera. (pricing: Free)
- [WhatFont](https://devshelf.io/resource/whatfont.md): Browser extension to identify fonts on web pages by hovering over text and clicking elements to inspect typography styles. (pricing: Free)

---

Source: DevShelf.io, the hand-reviewed catalog of dev tools and resources. Every resource is reviewed by hand before it is listed.