Description from extension meta
A devtool panel for debugging Atomic CSS rules as if they were not atomic
Image from store
Description from store
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
Latest reviews
- (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'
- (2025-02-26) Alex Sexton: So helpful in some situations.
- (2024-11-22) Zach Schnackel: Thanks for sharing with the community; works great!
- (2024-10-18) hamza benarfa: Very useful
- (2024-10-18) pseudo: Nice! Code Zoom for devs. Eliminate the CSS clutter in DevTools.
- (2024-10-17) Tiago Alves: Very useful if you use TailwindCSS a lot.
- (2024-10-17) Zach Inglis: Fantastic work!
- (2024-10-17) Richard Bilina: Love it!
- (2024-10-16) Martin Tomaszczyk: thanks for creating this, makes dealing with tailwind css classes a whole lot easier!
- (2024-10-16) Arpit Dalal: Really helpful extension, thank you!! 🙌
- (2024-10-16) Ryotaro Kimura (ryoppippi): Looks good for Tailwind, but does not work on UnoCSS Attributify Mode
- (2024-10-03) Alim TUNC: I love it, really useful
- (2024-10-03) Faheem Iqbal: Really great for troubleshooting css quickly