A devtool panel for debugging Atomic CSS rules as if they were not atomic

[Download here on the chrome store](https://chromewebstore.google.com/detail/atomic-css-devtools/cbjhfeooiomphlikkblgdageenemhpgc)

Discover a better way to debug CSS with Atomic CSS Devtools. This powerful extension provides a unique approach to handling Atomic CSS rules by

presenting them in a non-atomic format, making them easier to interpret and

adjust.

It's a must-have for developers aiming to streamline their CSS

troubleshooting and enhance site performance.

[link-chrome]:https://chromewebstore.google.com/detail/atomic-css-devtools/cbjhfeooiomphlikkblgdageenemhpgc'Version published on Chrome Web Store'

[link-firefox]:https://addons.mozilla.org/en-US/firefox/addon/atomic-css-devtools/'Version published on Mozilla Add-ons'

[<imgsrc="https://raw.githubusercontent.com/alrra/browser-logos/90fdf03c/src/chrome/chrome.svg"width="48"alt="Chrome"valign="middle">][link-chrome][<imgvalign="middle"src="https://img.shields.io/chrome-web-store/v/cbjhfeooiomphlikkblgdageenemhpgc.svg?label=%20">][link-chrome] and other Chromium browsers

[<imgsrc="https://raw.githubusercontent.com/alrra/browser-logos/90fdf03c/src/firefox/firefox.svg"width="48"alt="Firefox"valign="middle">][link-firefox][<imgvalign="middle"src="https://img.shields.io/amo/v/atomic-css-devtools.svg?label=%20">][link-firefox] including Firefox Android

If you find this extension useful, please consider supporting it by giving it a

star on GitHub or sharing it with your friends and colleagues.

[GitHub Sponsors page](https://github.com/sponsors/astahmer) where you can

support me directly.

Discover a better way to debug CSS with "Atomic CSS Devtools." This powerful

Chrome extension provides a unique approach to handling Atomic CSS rules by

presenting them in a non-atomic format, making them easier to interpret and

adjust. It's a must-have for developers aiming to streamline their CSS

troubleshooting and enhance site performance.

(thanks gpt for the description)