The multiples flavours of CSS

There are multiple ways of working with CSS in a Web Project if you don't want to write it from scratch. I am recopiling a list of the most popular libraries to test them in present or future projects using this as reference.

General purpose

• Bootstrap
• Bulma
• Foundation
• Fomantic UI
• Blaze UI
• Vainilla Framework

Utility-based

• Tailwind
• Open Props
• Tachyons
• Materialize

Lightweight

• Pure
• Miligram
• Chota
• Spectre
• Skeleton

Class-Less

• Water
• MVP

Specialized

• UI Kit
• Gutenberg
• Bojler

I will add more libraries in the future, but for now I wanted to write about how many options we have to create our websites nowdays. There are some ideas explored there that I've had in the past but I never explored or tried, for example a class-less css framework it could be helpful for minimalists that think Pure.css or Skeleton are too heavy.

There are some categories or meta categores missing in these lists, for example we could consider how these frameworks are made: Sass, Less, Stylus.

Or the methodologies being used inuitcss, atomic css, Object-Oriented CSS, Block Element Modifier, Scalable and Modulable Architecture for CSS

Or we could consider the libraries written using TailwindCSS but that could be another blog post.

We should not forget the CSS we have written since the beginning because all of those techniques, methodologies, hacks, experiments have been the basis of the present tools and still are inspiring the future of CSS.

And some of these had website that have gone offline and we're lucky if there are archived in archive.org or in a GitHub repo from 15 years ago.

We need to preserve the knowledge of CSS for the future.