Os melhores frameworks CSS para projetos reais

Não existe o melhor framework CSS, apenas frameworks adequados a certo tipo de projeto. Um painel com duzentos ecrãs e uma landing page não têm quase nada em comum.

Estes sete cobrem todo o leque, do design system completo à folha de estilo que se põe e se esquece.

Utility first

Tailwind CSS

A opção mais segura para uma aplicação grande: o CSS deixa de crescer porque deixa de o escrever.

tailwindcss.com

Componentes

Bootstrap

Continua imbatível quando precisa de um painel de administração completo e acessível esta semana.

getbootstrap.com

Componentes

Bulma

A legibilidade do Bootstrap sem a bagagem de JavaScript: CSS puro e fácil de sobrepor.

bulma.io

Tokens de design

Open Props

Variáveis CSS prontas para espaçamento, cor e sombras, sem framework associado.

open-props.style

Sem classes

Pico CSS

HTML semântico fica bem sem uma única classe, ideal para documentação e protótipos.

picocss.com

Motor atómico

UnoCSS

Classes utilitárias geradas a pedido, com a saída mais pequena do grupo.

unocss.dev

Componentes Tailwind

daisyUI

Acrescenta componentes e temas reais sobre o Tailwind para escrever menos marcação.

daisyui.com

Escolha pela vida do projeto: quanto mais tempo durar, mais quer tokens e utilitários em vez de componentes fechados.

Precisa construir, não só escolher?

Aplicações web, APIs, infraestrutura e interfaces. Freelance desde Barcelona, com clientes em qualquer lugar.

Vamos conversar


Comentários

Leave a Reply

Your email address will not be published. Required fields are marked *