# Atomic CSS Devtools

> A devtool panel for debugging Atomic CSS rules as if they were not atomic

Canonical page: [https://chrome-stats.com/d/atomic-css-devtools](https://chrome-stats.com/d/atomic-css-devtools)

## Overview

- **ID:** `atomic-css-devtools`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Alexandre Stahmer
- **Category:** web-development
- **Daily users:** 66
- **Version:** 0.0.9
- **Last updated:** 2024-10-17
- **First published:** 2024-10-16
- **Size:** 198 KB
- **Data as of:** 2026-09-07
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/atomic-css-devtools/)
- **Website:** [https://github.com/astahmer/atomic-css-devtools](https://github.com/astahmer/atomic-css-devtools)

## Description

**Atomic CSS Devtools** is a powerful Chrome extension designed to improve the developer experience when debugging Atomic CSS. Instead of presenting atomic CSS rules in their native fragmented format, this tool aggregates and displays them as if they were not atomic, making it easier to understand and manipulate styles. 

This approach simplifies CSS troubleshooting, allowing developers to quickly identify styling issues and optimize site performance. Ideal for front-end developers working with Atomic CSS methodologies, the extension enhances productivity and debugging accuracy. Support the project on GitHub and contribute to its continuous improvement.

## Rankings

- #14,196 — Overall
- #53 — comic
- #91 — debug
- #105 — rule

## Permissions and access

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Css Debug with Pesticide CSS](https://chrome-stats.com/d/css-debug-with-pesticide) — 7 users
- [Apollo Client Devtools](https://chrome-stats.com/d/apollo-developer-tools) — 5,808 users, 3.93 / 5
- [Beautifer & Minify](https://chrome-stats.com/d/beautifer-minify) — 144 users, 3.75 / 5
- [CSS Analyzer by Project Wallace](https://chrome-stats.com/d/css-analyzer) — 4 users
- [Alpine.js DevTools Pro](https://chrome-stats.com/d/alpine-js-devtools-pro) — 50 users, 5.00 / 5
- [CSS Debug Overlay Plus](https://chrome-stats.com/d/css-debug-overlay-plus) — 1 users
- [DevScope - Developer Diagnostics](https://chrome-stats.com/d/devscope) — 1 users
- [Telescope CSS](https://chrome-stats.com/d/telescope-css)
- [CSS Insight](https://chrome-stats.com/d/css-insight) — 66 users
- [Solid Devtools](https://chrome-stats.com/d/solid-devtools) — 160 users, 5.00 / 5
- [devtools-highlighter](https://chrome-stats.com/d/devtools-highlighter) — 77 users, 4.83 / 5
- [Immutable.js devtool extension](https://chrome-stats.com/d/immutable-js-devtool-extension) — 3 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/atomic-css-devtools)