Popularity

3.8

Stable

Activity

8.1

Declining

Stars 1,489

Watchers 45

Forks 102

Last Commit 7 days ago

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.

Code Quality Rank: L3

Programming language: JavaScript

License: GNU General Public License v3.0 or later

Tags: HTML Css components PostCSS Atomizr Atomizer Atomize Atomic

Latest version: v3.8.0

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

9.6 9.0 L2 Atomizer VS styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
PostCSS

9.3 8.2 L5 Atomizer VS PostCSS

Transforming styles with JS plugins

Appwrite - The open-source backend cloud platform

The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

Promo appwrite.io

emotion

8.6 7.2 Atomizer VS emotion

👩‍🎤 CSS-in-JS library designed for high performance style composition
linaria

7.7 8.2 Atomizer VS linaria

Zero-runtime CSS in JS library
Radium

7.0 0.7 L5 Atomizer VS Radium

A toolchain for React component styling.
CSS Layout

7.0 0.0 Atomizer VS CSS Layout

A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
JSS

6.8 5.6 L5 Atomizer VS JSS

JSS is an authoring tool for CSS which uses JavaScript as a host language.
styled-jsx

6.8 0.0 L3 Atomizer VS styled-jsx

Full CSS support for JSX without compromises
Aphrodite

6.2 0.0 L5 Atomizer VS Aphrodite

Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
React CSS Modules

6.1 0.0 L4 Atomizer VS React CSS Modules

Seamless mapping of class names to CSS modules inside of React components.
vue-virtual-scroll-list

6.0 0.0 Atomizer VS vue-virtual-scroll-list

⚡️A vue component support big amount data list with high render performance and efficient.
Neutrino

5.6 0.0 Atomizer VS Neutrino

Create and build modern JavaScript projects with zero initial configuration.
glamorous

5.5 0.0 Atomizer VS glamorous

React component styling solved 💄
glamor

5.4 0.0 L1 Atomizer VS glamor

inline css for react et al
styletron

5.1 0.0 Atomizer VS styletron

:zap: Toolkit for component-oriented styling
Fela

4.6 5.2 L5 Atomizer VS Fela

State-Driven Styling in JavaScript
React Figma

4.5 5.9 Atomizer VS React Figma

⚛️ A React renderer for Figma
jsxstyle

4.2 7.6 L4 Atomizer VS jsxstyle

Inline style system for JSX
ReactCSS

3.8 0.0 L5 Atomizer VS ReactCSS

:lipstick: Inline Styles in JS
CSSX

3.3 0.0 Atomizer VS CSSX

CSS in JavaScript
jTools - Javascript web components

2.7 0.0 Atomizer VS 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

2.3 0.0 L4 Atomizer VS React Inline

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.
c2f

2.0 2.7 Atomizer VS c2f

C2F can convert css style to Flutter code online.
DHTMLX UI Widgets with React

1.0 0.0 Atomizer VS DHTMLX UI Widgets with React

Using DHX widgets with React
DHTMLX Widgets with Vue

0.9 0.0 Atomizer VS DHTMLX Widgets with Vue

Using DHX widgets with Vue
DHTMLX Widgets with Angular

0.8 0.0 Atomizer VS DHTMLX Widgets with Angular

Using DHX widgets with Angular
ms-business-startup-bulma

0.3 0.0 Atomizer VS ms-business-startup-bulma

Basic demo using Bulma CSS Framework Demo:
A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component

0.3 3.2 Atomizer VS A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component

A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component

* 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?

Add another 'PostCSS' Library

Popular Comparisons

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.