styletron-devtools
Inspect styletron styles
What is styletron-devtools?
"styletron-devtools" is a Chrome extension that adds a new panel to your devtools, allowing you to inspect and debug elements styled by Styletron. It merges Styletron's performant Atomic CSS styles into a single list for easy debugging.
Extension stats
Other platforms
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
Adds a new panel into your devtools to help you inspect elements styled by Styletron (works only when your application is built with NODE_ENV=development). Styletron is an universal toolkit for component-oriented styling. It falls into the CSS in JS category. It outputs performant Atomic CSS. However, that can be hard to debug since every rule lives in its own class. This extension adds a new panel that nicely merges styles into a single list. This feature works with styletron-react v5.1+ and styletron-engine-atomic v1.3+.
Extension safety
Risk impact
styletron-devtools requires very minimum permissions.
Risk likelihood
styletron-devtools has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to styletron-devtools:
https://june07.com
4.47 10,000+
https://darcyclarke.github.io/rawkit
N/A 149
Unknown
4.05 2,000+
Sergey Novikov
3.04 20,000+
gwwar
3.51 7,000+
Deep Patel
4.65 40,000+
Gustavo Sillero
5.00 297
https://www.apollographql.com
2.64 200,000+
rempl
5.00 1,000+
https://sourcegraph.com
4.55 100,000+
Andy Kogut
3.35 20,000+
https://octolinker.vercel.app
4.88 20,000+