Atomic CSS Deep Dive

• unocss

  60 16,773 9.6 TypeScript

  The instant on-demand atomic CSS engine.

  

  UnoCSS - not just a framework, but an engine for creating your own framework.

• CodeRabbit

  coderabbit.ai featured

  CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

  

• unplugin

  8 3,122 8.9 TypeScript

  Unified plugin system for Vite, Rollup, Webpack, esbuild, Rolldown, and more

  

• mlut

  4 125 8.4 SCSS

  Atomic CSS toolkit with Sass and ergonomics for creating styles of any complexity

• Tailwind CSS

  1,425 83,714 9.8 TypeScript

  A utility-first CSS framework for rapid UI development.

  

  Tailwindcss - the best known and most popular one

• tachyons

  42 11,647 7.6 CSS

  Functional css for humans

  

  But in this example we will take a preset with Tachyons, a once popular library. But here the naming is even more deplorable:

• emmet

  31 4,478 6.5 TypeScript

  The essential toolkit for web-developers

  

  The reader can say that there are already ready-made abbreviations Emmet, which someone even managed to learn) Yes, they are not bad, but their problem is that there is no clear algorithm there. This was confirmed by Sergey Chikuyonok - the creator of Emmet (I asked him about it). So they do not solve the first problem.

• csswg-drafts

  74 4,522 9.9 Bikeshed

  CSS Working Group Editor Drafts

  

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• Atomizer

  18 1,547 8.3 JavaScript

  A library to create small, reusable CSS that scales as your website grows.

  

• tailwindcss-container-queries

  8 1,286 3.8 TypeScript

  A plugin for Tailwind CSS v3.2+ that provides utilities for container queries.

  

Suggest a related project