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

Latest Version

Version
0.0.9-dev
Update
October 17, 2024
Size
196KiB
Developer
astahmer.dev
Category
Users
4,000+
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
See more

Atomic CSS Devtools Extension

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
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"Atomic CSS Devtools",
"description":"A devtool panel for debugging Atomic CSS rules as if they were not atomic",
"version":"0.0.9",
"short_name":"Atomic CSS Devtools",
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png"},
"author":"@astahmer_dev",
"homepage_url":"https://github.com/astahmer/atomic-css-devtools",
"developer":{"name":"@astahmer_dev",
"url":"https://twitter.com/astahmer_dev"},
"permissions":[],
"version_name":"0.0.9-dev",
"background":{"service_worker":"background.js"},
"devtools_page":"devtools.html",
"content_scripts":[{"matches":[""],
"js":["content-scripts/content.js"]}]}
Read more

Similar Extensions

icon

Apollo Client Devtools Extension · Developer Tools 4,000+ 266 ★ 490KiB

icon

LocatorJS Extension · Developer Tools 4,000+ 64 ★ 190KiB

icon

Vercel Extension · Developer Tools 4,000+ 24 ★ 34.3KiB

icon

CSS Stacking Context inspector Extension · Developer Tools 4,000+ 21 ★ 262KiB

icon

Testing Playground Extension · Developer Tools 4,000+ 60 ★ 646KiB

icon

Atomic CSS Devtools Extension · Developer Tools 4,000+ 4 ★ 2.04MiB

icon

Gimli Tailwind Extension · Developer Tools 4,000+ 33 ★ 151KiB

icon

OctoLinker Extension · Developer Tools 4,000+ 110 ★ 184KiB

icon

RSC Devtools Extension · Developer Tools 4,000+ 9 ★ 175KiB

icon

Raycast Companion Extension · Productivity 4,000+ 23 ★ 289KiB

icon

Refined GitHub Extension · Developer Tools 4,000+ 213 ★ 572KiB

icon

Web Vitals Extension · Developer Tools 4,000+ 43 ★ 398KiB

icon

daily.dev | The homepage developers deserve Extension · Developer Tools 4,000+ 2460 ★ 2.28MiB

icon

VisBug Extension · Developer Tools 4,000+ 252 ★ 5.38MiB

icon

Vue.js devtools (beta) Extension · Developer Tools 4,000+ 149 ★ 2.54MiB

icon

axe DevTools - Web Accessibility Testing Extension · Accessibility 4,000+ 114 ★ 2.89MiB

icon

Motion DevTools Extension · Developer Tools 4,000+ 8 ★ 788KiB

icon

Tailwind CSS Devtools Extension · Developer Tools 4,000+ 7 ★ 857KiB

icon

Alpine.js devtools Extension · Developer Tools 4,000+ 34 ★ 67.78KiB

icon

Octotree - GitHub code tree Extension · Developer Tools 4,000+ 1139 ★ 3.54MiB

icon

GraphQL Network Inspector Extension · Developer Tools 4,000+ 123 ★ 8.34MiB

icon

DevTools Author Extension · Developer Tools 4,000+ 117 ★ 377KiB

icon

File Icons for GitHub and GitLab Extension · Developer Tools 4,000+ 48 ★ 460KiB

icon

Accessibility Insights for Web Extension · Developer Tools 4,000+ 37 ★ 3.62MiB