Atomic CSS Devtools
Extension Actions
CRX ID
cbjhfeooiomphlikkblgdageenemhpgc
Status
- Live on Store
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
- 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'
- Alex Sexton
- So helpful in some situations.
- Zach Schnackel
- Thanks for sharing with the community; works great!
- hamza benarfa
- Very useful
- pseudo
- Nice! Code Zoom for devs. Eliminate the CSS clutter in DevTools.
- Tiago Alves
- Very useful if you use TailwindCSS a lot.
- Zach Inglis
- Fantastic work!
- Richard Bilina
- Love it!
- Martin Tomaszczyk
- thanks for creating this, makes dealing with tailwind css classes a whole lot easier!
- Arpit Dalal
- Really helpful extension, thank you!! 🙌
- Ryotaro Kimura (ryoppippi)
- Looks good for Tailwind, but does not work on UnoCSS Attributify Mode
- Alim TUNC
- I love it, really useful
- Faheem Iqbal
- Really great for troubleshooting css quickly