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

Atomic Credit Union (v4015.1.2)
4.84 (1,315) 14,092+
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
  • Works great
  • Very useful for developers, especially with TailwindCSS
  • Helps eliminate CSS clutter in DevTools
  • Really helpful for troubleshooting CSS quickly
Cons
  • Does not work on UnoCSS Attributify Mode
Most mentioned
  • Useful for TailwindCSS
  • Helps deal with CSS classes more easily
  • Good for troubleshooting CSS
User reviews
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: