1. React Developer Tools
Inspect React component trees, props and state.
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: Inspect React component trees, props and state.
Best griffel-devtools Alternatives in 2026
griffel-devtools is a strong option, but it is not the right fit for everyone. Below are 10 alternatives compared on rating, install base, pricing and the use case each one actually wins on.
About griffel-devtools
A new developer tools panel to inspect classes generated by griffel
Free
Full reviewComparison at a glance
| Extension | Rating | Users | Pricing | Best for |
|---|---|---|---|---|
| griffel-devtools (original) | — | — | Free | A new developer tools panel to inspect classes generated by griffel |
| React Developer Tools | 3.9 | 5M+ | Free | React developers debugging component state and render performance. |
| Wappalyzer | 4.6 | 3M+ | Freemium | Developers, agencies and sales teams researching what a site is built with. |
| JSON Formatter | 4.3 | 2M+ | Free | Anyone poking at REST APIs directly in the browser. |
| Web Developer | 4.5 | 1M+ | Free | Web developers who want quick access to common debugging tools without opening DevTools. |
| Redux DevTools | 4.6 | 1M+ | Free | Redux DevTools for debugging application's state changes. |
| Vue.js devtools | 4.1 | 1M+ | Free | DevTools browser extension for Vue.js |
| Designer Tools | 4.6 | 100K+ | Freemium | A collection of tools to help you design and develop websites with precision. |
| SN Utils - Tools for ServiceNow | 4.9 | 100K+ | Freemium | Productivity tools for ServiceNow, offered by SN Utils B.V. Not affiliated with ServiceNow, Inc. |
| Screen Ruler - Measure and Inspect the Web | 4.3 | 60K+ | Freemium | Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more. |
| Tag Assistant | 3.9 | 3M+ | Free | The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager. |
griffel-devtools alternatives in detail
View Extension
2. Wappalyzer
Identifies the technology stack behind any website.
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: Identifies the technology stack behind any website.
3. JSON Formatter
Makes raw JSON responses readable in the browser.
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: Makes raw JSON responses readable in the browser.
4. Web Developer
Adds a toolbar button with various web developer tools.
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: Adds a toolbar button with various web developer tools.
5. Redux DevTools
Redux DevTools for debugging application's state changes.
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: Redux DevTools for debugging application's state changes.
6. Vue.js devtools
DevTools browser extension for Vue.js
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: DevTools browser extension for Vue.js
7. Designer Tools
A collection of tools to help you design and develop websites with precision.
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: A collection of tools to help you design and develop websites with precision.
8. SN Utils - Tools for ServiceNow
Productivity tools for ServiceNow, offered by SN Utils B.V. Not affiliated with ServiceNow, Inc.
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: Productivity tools for ServiceNow, offered by SN Utils B.V. Not affiliated with ServiceNow, Inc.
9. Screen Ruler - Measure and Inspect the Web
Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.
Why it replaces griffel-devtools: Covers similar ground in the Developer Tools category: Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.
10. Tag Assistant
The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.
Why it replaces griffel-devtools: Another popular Developer Tools extension: The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.
Compare griffel-devtools head-to-head
Direct comparisons with the extensions people weigh against it.
Wappalyzer vs JSON FormatterStack detection for recon work against readable API responses in the browser.React Developer Tools vs WappalyzerBoth are developer tools extensions people shortlist together — see how ratings, install base, pricing and day-to-day use differ.React Developer Tools vs JSON FormatterBoth are developer tools extensions people shortlist together — see how ratings, install base, pricing and day-to-day use differ.All comparisonsThe full compare hub, grouped by category.
Explore further
Frequently asked questions
What is the best alternative to griffel-devtools?
React Developer Tools is the closest match. Covers similar ground in the Developer Tools category: Inspect React component trees, props and state.
Is there a free alternative to griffel-devtools?
Yes — React Developer Tools, JSON Formatter, Web Developer are free.