How to install?

1. Download the extension file (codepen-atomizer.crx) from here.
2. Open the extensions page (chrome://extensions) in the browser.
3. Drag and drop the downloaded file on this page and click Add Extension to install the extension.

Q: Why the extension is not available on the Chrome Web Store? Because, I am unwilling to pay a one-time fee of $5 to setup the account.

How to use?

If the extension is enabled (default), then you could create a new pen on Codepen and start writing atomic classes in your HTML and the Atomic CSS will be genrated automatically in the CSS panel. Refer the following GIF,

How to Enable/Disable the extension?

The extension is enabled by default. In case you want to disable or re-enable the extension, head over to the extensions page and follow the screenshot below.

How to remove the extension?

Head over the extensions page (chrome://extensions) and click on the bin icon to remove the extension.