Atomizer

Atomizer is a tool that helps you create Atomic CSS rules (acss.io).

Atomic CSS is a collection of single purpose styling units for maximum reuse that fits well with components in templated frameworks such as React, Ember or Angular. For more information we recommend that you read "Challenging CSS best practices", watch the Atomic CSS presentation, or check this deck.

Info

This is a monorepo of the various Atomizer ecosystem packages.

Library

• Atomizer: The library source code is located in the packages/atomizer directory

Plugins

• Grunt : grunt-atomizer
• Gulp : gulp-atomizer
• Metalsmith : metalsmith-atomizer
• Webpack : webpack-atomizer-loader
• Boot-clj : boot-atomizer
• Ember : ember-cli-atomizer

Third Party Extensions

For Chrome

• Atomic CSS Dev Tools
• Web Maker
• Atomic CSS Helper

For VSCode

• Atomic CSS Snippets - Provides quick suggestions for Atomic CSS class names
• Atomic-css-search - Search Atomic css right in your favorite editor.

Contributing

Please read through our CONTRIBUTING.md and fill out an issue at atomizer/issues!

License

This software is free to use under the Yahoo Inc. BSD license. See the LICENSE file for license text and copyright information.

Third-party open source code used are listed in our package.json file.