Item logo image for Atomic CSS Devtools

Atomic CSS Devtools

astahmer.dev
5.0(

15 ratings

)
ExtensionDeveloper Tools4,000 users
Item media 5 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

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

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

5 out of 515 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.0.9-dev
  • Updated
    October 17, 2024
  • Size
    196KiB
  • Languages
    English
  • Developer
    Website
    Email
    alexandre.stahmer+ext@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

RSC Devtools

4.9(9)

React Server Components network visualizer

Raycast Companion

4.8(23)

A browser extension to give more context to Raycast

Refined GitHub

4.8(213)

Simplifies the GitHub interface and adds useful features

Web Vitals

4.2(43)

Measure metrics for a healthy site

Apollo Client Devtools

2.6(266)

GraphQL debugging tools for Apollo Client.

LocatorJS

4.2(64)

LocatorJS Chrome Extension - option-click to code (ReactJS)

Vercel

4.6(24)

Use the Vercel Toolbar on production deployments

CSS Stacking Context inspector

3.9(21)

Helps inspecting the css stacking contexts and solving the z-index war.

Testing Playground

4.3(60)

Simple and complete DOM testing playground that encourage good testing practices.

Atomic CSS Devtools

3.0(4)

A handy devtools extension for atomic css user. Transform element style to atomic css class automatically from your chrome devtool…

Gimli Tailwind

4.5(33)

A DevTools extension enabling smart tools for Tailwind CSS.

OctoLinker

4.9(110)

OctoLinker – Links together, what belongs together.

RSC Devtools

4.9(9)

React Server Components network visualizer

Raycast Companion

4.8(23)

A browser extension to give more context to Raycast

Refined GitHub

4.8(213)

Simplifies the GitHub interface and adds useful features

Web Vitals

4.2(43)

Measure metrics for a healthy site

Apollo Client Devtools

2.6(266)

GraphQL debugging tools for Apollo Client.

LocatorJS

4.2(64)

LocatorJS Chrome Extension - option-click to code (ReactJS)

Vercel

4.6(24)

Use the Vercel Toolbar on production deployments

CSS Stacking Context inspector

3.9(21)

Helps inspecting the css stacking contexts and solving the z-index war.

Google apps