Atomic CSS Devtools icon

Atomic CSS Devtools

by alexandre.stahmer

v0.0.10-dev Updated Dec 22, 2025 723KiB
CWS
4K
Users
β˜… 4.89
18 reviews
#11498
of 208.6K
developer
#983 of 18.3K

Description

A devtool panel for debugging Atomic CSS rules as if they were not atomic. Works with TailwindCSS, Panda CSS, and any atomic CSS library --- If you find this extension useful, please consider supporting it by giving it a πŸ’« star on GitHub, sharing it with your friends and colleagues https://github.com/astahmer/atomic-css-devtools or you could even sponsor me on Github here πŸ™ https://github.com/sponsors/astahmer
Atomic CSS Devtools screenshot 1Atomic CSS Devtools screenshot 2Atomic CSS Devtools screenshot 3Atomic CSS Devtools screenshot 4

Reviews (1 cached)

β˜…β˜…β˜…β˜†β˜†2025-06-10
Brandon Kalinowski

I like the concept but not all classes on an element are displayed. Therefore I had to remove the extension. content.js:1 Uncaught (in promise) Error: [webext-bridge] No handler registered in 'devtools' to accept messages with id 'focus'

Details

Version 0.0.10-dev
Updated Dec 22, 2025
Size 723KiB
First Seen Mar 30, 2026