Bootstrap · The most popular HTML, CSS, and JS library in the world. (getbootstrap.com)

https://tachyons.io/

Para HTML utiliza Normalize.css;

Para CSS utiliza Reset CSS;

Link para o conteúdo.

Link para o conteúdo.

Não possui Ícone próprios, incorpora a solução Fontawesome;

Link para o conteúdo.

Link para o conteúdo.

Link para configuração do tema.

Link para o conteúdo.

Possui seu próprio sistema.

Baseado em Frexbox;

Divide a div em 12 colunas para utilizar basta colocar o container 'container columns' e escolher o número de colunas.

Se utilizar apenas o parâmetro 'column' irá dividir o container em partes iguais.

Versão Atual: 0.9.4

Formado por um código HTML e conjunto de classes, permitindo a personalização, como o exemplo dado

Permite definir classes utilitárias para configurar os contêineres de grid e seus itens.

Uma classe principal grid que define o elemento como container, grid-cols-3 que traz a especificação de quantidade colunas e gap-4 adiciona um espaço (gap) de 1rem 4 espaçamentos.

UnoCSS se concentra em fornecer as principais funcionalidades do CSS por meio do uso de predefinições. Isso permite que os desenvolvedores adicionem estilo aos seus aplicativos de maneira rápida e fácil, sem sacrificar o desempenho ou a flexibilidade.

• Responsivo 📱;

• Fornece acessibilidade 🦻🏻;

• Abordagem Mobile-First 📲.

Utilização da classe 'icon';

Por padrão, o 'icon' ocupará exatamente 1.5rem x 1.5rem e o ícone será redimensionado de acordo com a biblioteca de ícones que tiver utilizando.

Não possui sua própria biblioteca de ícones.

O grupo não utilizaria devido a dificuldade de entendimento.

Inspirado no Bootstrap e baseado em Flexbox;

Possui seus próprios componentes.

Prose: Automatiza o dimensionamento de elementos de texto HTML comuns (h1, h2, p, etc.) com base em um tamanho de corpo definido pelo usuário, garantindo uma hierarquia de cabeçalhos consistente e escalável.

O UIKit também oferece opções para ajustar o espaço entre as colunas e garantir que todas tenham a mesma altura, independente do conteúdo. Você pode remover os espaços entre as colunas com uk-grid-collapse e usar uk-height-match para igualar a altura delas. Com essa flexibilidade, o sistema de grid do UIKit é uma ótima escolha para criar layouts simples e responsivos para sites.

Para aplicar essa redefinição, você usa a classe uk-base. Por exemplo, se você adicionar uk-base ao elemento body, todos os parágrafos, títulos e listas dentro desse body começarão com um estilo neutro, sem margens ou fontes específicas de um navegador. Isso te dá uma base limpa para personalizar o design como quiser, sem surpresas causadas por estilos predefinidos. Por exemplo, com uk-base, esses elementos terão um estilo básico e consistente, independentemente do navegador.