Description
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.
Atomizer alternatives and similar libraries
Based on the "PostCSS" category.
Alternatively, view Atomizer alternatives based on common mentions on social networks and blogs.
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅 -
-
-
-
CSS Layout
A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing! -
-
-
-
Aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation -
-
vue-virtual-scroll-list
⚡️A vue component support big amount data list with high render performance and efficient. -
-
-
-
-
-
-
-
-
jTools - Javascript web components
jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms. -
React Inline
DISCONTINUED. Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the `className` prop of React elements. -
-
-
-
-
-
File Management with Preview
DISCONTINUED. A file management system built with Vue.js and TypeScript that allows for single and multiple file uploading with a preview feature -
A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component
A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component -
Civic Auth - Auth in Less Than 5 Minutes
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Atomizer or a related project?
README
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/atomizerdirectory
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
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.
*Note that all licence references and agreements mentioned in the Atomizer README section above
are relevant to that project's source code only.