Top 10 atomic-css Open-Source Projects

• basscss

  2 5,607 0.0 CSS

  Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library

  

  Project mention: An introduction to Tailwind CSS and utility classes | dev.to | 2021-04-07

• styletron

  2 3,149 4.3 JavaScript

  :zap: Toolkit for component-oriented styling

  

  Project mention: Just-In-Time: The Next Generation of Tailwind CSS | reddit.com/r/javascript | 2021-03-15

  [0] https://www.styletron.org/ [1] https://baseweb.design/blog/getting-started-with-styletron#getting-started-with-styletron

• Scout APM

  Sponsored scoutapm.com

  Scout APM - Leading-edge performance monitoring starting at $39/month. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

• Fela

  0 2,003 7.9 JavaScript

  State-Driven Styling in JavaScript

• Atomizer

  0 1,165 5.2 JavaScript

  A tool for creating Atomic CSS, a collection of single purpose styling units for maximum reuse.

  

• react-atomic-design

  2 996 0.5 JavaScript

  🔬 Boilerplate with the methodology Atomic Design using a few cool things.

  Project mention: React architecture | reddit.com/r/reactjs | 2021-02-19

  I feel like this frees you up to use things like Atomic design with your components, which helps on the more folder-structure side of things.

• fractures

  1 359 0.7 CSS

  Baseline atomic CSS toolkit.

  

  Project mention: CSS Deep | dev.to | 2021-02-26

  fractures/fractures - Baseline atomic CSS toolkit.

• aesthetic

  0 179 8.5 TypeScript

  🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more! (by aesthetic-suite)

  

• snackui

  1 64 9.3 TypeScript

  React + Native style system that lets you write once, run anywhere without compromise. Inline styles are statically extracted to CSS on web, or StyleSheet on native. Super fast & light.

  

  Project mention: Ask HN: What novel tools are you using to write web sites/apps? | news.ycombinator.com | 2021-04-04

  Cannot recommend gqless highly enough for making graphql actually fun to use and closer to something like meteor/firebase syntax[0].

  And I’ll self-promote, but I’ve been working on what I consider to be a “next generation” style system for React that solves my biggest issue with it currently: being able to performantly write styles in a nice syntax that optimize for both web and native. Called SnackUI, though it’s still in beta[1].

  [0] https://gqless.com

  [1] https://github.com/snackui/snackui

• truss

  1 21 7.3 TypeScript

  A TypeScript DSL for writing utility CSS in React/JSX (by homebound-team)

  

  Project mention: TailwindCSS JIT with Arbitrary Values | news.ycombinator.com | 2021-04-07

  Don't want to take away from Tailwind, it's great.

  That said, self-promotion disclaimer but if you like inline/utility CSS, and also like TypeScript/React/Emotion, we've got a "Tailwinds-ish" CSS-in-JS library that we've enjoyed so far:

  https://github.com/homebound-team/truss

• rececss

  14 16 9.2 TypeScript

  Minimalistic, fully customizable CSS utilities generator

  

  Project mention: An example of a CLI tool built with TypeScript following Clean Architecture | reddit.com/r/softwarearchitecture | 2021-04-18

Index