styletron-devtools

Inspect styletron styles

Inspect and debug Styletron styles with 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.
Install from Chrome Web Store

Extension stats

Users: 97
-1
Rating: 5.00
(1)
Version: 0.1.0 (Last updated: 2019-06-12)
Creation date: 2019-06-12
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 2
Size: 12.99K
URLs: Website

Other platforms

Not available on Android
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

styletron-devtools small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to styletron-devtools: