styletron-devtools

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.
Merlin
Stats
Users: 130 ▼ -3
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: Low risk likelihood
Manifest version: 2
Size: 12.99K
URLs: Website
Stats date:

Chrome-Stats Rank

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.
Chrome-Stats extension
Merlin
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+.

Safety
Risk impact

styletron-devtools is relatively safe to use as it 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
Screenshots
Promo images
styletron-devtools small promo image
Small promo image
Similar extensions

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