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

Users: 4,000+
Rating: 5.00
(15)
Version: 0.0.9-dev (Last updated: 2024-10-17)
Creation date: 2024-10-01
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 3
Size: 200.70K
URLs: Website

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Discover a better way to debug CSS with "Atomic CSS Devtools." This powerful Chrome extension provides a unique approach to handling Atomic CSS rules by presenting them in a non-atomic format, making them easier to interpret and adjust. It's a must-have for developers aiming to streamline their CSS troubleshooting and enhance site performance.


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

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 users
  • Helps eliminate CSS clutter in DevTools
  • Effective for troubleshooting CSS quickly
  • Makes dealing with Tailwind CSS classes easier
  • User-friendly and well-received by the community
Cons
  • Does not work on UnoCSS Attributify Mode
Most mentioned
  • Useful for TailwindCSS
  • Helps with CSS troubleshooting
  • Eliminates CSS clutter in DevTools
User reviews
by Jeremie Thönnißen, 2025-01-21

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 likelihood

Atomic CSS Devtools is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to Atomic CSS Devtools: