Atomic CSS Devtools

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.
Install from Chrome Web Store

Extension stats

Manifest V3
Users: 4,000+
Rating: 5.00
(17)
Version: 0.0.9-dev (Last updated: 2024-10-17)
Version code: 0.0.9
Creation date: 2024-10-01
Size: 200.70K
URLs: Website
Full description: See detailed description

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
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
View all user reviews

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: