A devtool panel for debugging Atomic CSS rules as if they were not atomic
Atomic CSS Devtools: Simplify CSS Debugging
"Atomic CSS Devtools" is a powerful Chrome extension designed to simplify the debugging of Atomic CSS rules by presenting them in a non-atomic format. This unique approach allows developers to interpret and adjust CSS rules more easily, ultimately streamlining the troubleshooting process and improving site performance. With its user-friendly interface, it's an essential tool for any web developer looking to enhance their CSS debugging capabilities.
Extension stats
Full description: See detailed description
Other platforms
Not available on Android
Not available on Firefox
Not available on Edge
User reviews
Pros
- Very useful for TailwindCSS
- Helps eliminate CSS clutter in DevTools
- Great for troubleshooting CSS quickly
- Community-shared and appreciated
- Works great and improves developer experience
Cons
- Does not work on UnoCSS Attributify Mode
Most mentioned
- Helpful for TailwindCSS
- Eliminates CSS clutter
- Great for troubleshooting CSS
User reviews
So helpful in some situations.
by
Alex Sexton, 2025-02-26
Thanks for sharing with the community; works great!
by
Zach Schnackel, 2024-11-22
Very useful
by
hamza benarfa, 2024-10-18
Extension safety
Risk impact
Atomic CSS Devtools requires a few sensitive permissions. Exercise caution before installing.
Risk impact analysis details
- High Injects scripts into web pages, which may alter or extract site contents, resulting in a substantial risk.
- Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
- Low ******* ****** ** *** ********* ********
Risk likelihood
We don't have sufficient data to confidently determine the risk likelihood of Atomic CSS Devtools. Use it at your own risk.
Risk likelihood analysis details
- High This extension has low user count. Unpopular extensions may not be stable or safe.
- Medium **** ********* *** ***** ** *** **** * ******* *** ********** *** *** ** ****** ** *****
- Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
- Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details
Similar extensions
Here are some Chrome extensions that are similar to Atomic CSS Devtools:
https://www.apollographql.com
200K
https://locatorjs.com
40K
Vercel
50K
Andrea Dragotta
10K
Stephan Meijer
40K
ArvinH
275
https://gimli.app
10K
https://octolinker.vercel.app
10K
Alvar Lagerlöf
2K
Raycast
20K
Sindre Sorhus
90K
Tailscan
4K