Atomic CSS Deep Dive

1. unocss

   1 65 18,385 9.6 TypeScript

   The instant on-demand atomic CSS engine.

   

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

2. SurveyJS

   surveyjs.io featured

   SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.

   

3. unplugin

   2 8 3,495 9.0 TypeScript

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

   

4. mlut

   3 4 208 7.3 SCSS

   Make CSS exciting again!

   

5. Tailwind CSS

   4 1,546 91,596 9.8 TypeScript

   A utility-first CSS framework for rapid UI development.

   

   Tailwindcss - the best known and most popular one

6. tachyons

   5 43 11,690 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:

7. emmet

   6 32 4,528 5.1 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.

8. csswg-drafts

   7 83 4,778 9.9 Bikeshed

   CSS Working Group Editor Drafts

   

9. Stream

   getstream.io featured

   Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

   

10. Atomizer

    8 18 1,553 6.2 JavaScript

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

    

11. tailwindcss-container-queries

    9 8 1,438 4.1 TypeScript

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

    

Suggest a related project