Cursos / Informática para Internet / Plataformas de aplicações Web / Aula

arrow_back Aula 03 - Bibliotecas de componentes UI - Parte 2

Tailwind CSS

Website: https://tailwindcss.com/

Diferente de outras bibliotecas apresentadas aqui, o Tailwind CSS não é uma biblioteca de componentes. Ele se define como um utility-first CSS framework. Isso significa que ao invés de tentar definir como um botão deve ser através de uma simples classe, como no Bootstrap, por exemplo, o Tailwind simplesmente nem tem o conceito de botão. No lugar de definir componentes, como um Button ou um Card, por exemplo, o Tailwind oferece uma coleção de classes que te ajudam a criar o seu próprio botão de uma maneira mais simples que em CSS puro, porém sem criar o botão para você.

Descrição imagemPágina do Tailwind CSS. Fonte: https://tailwindcss.com/

Em termos gerais o Tailwind CSS é uma grande coleção de classes que permitem você criar componentes complexos com menos CSS porém com personalização total. Para se ter uma ideia, assim que se adiciona o TailwindCSS em uma página ele remove por padrão até os estilos básicos do HTML como os tamanhos de fonte e margens do H1, H2, H3…, remove a cor azul dos links <a> remove o estilo das listas <ul> e itens <li>, etc. Ele por padrão não adiciona estilo a sua página e sim o remove.


Versão 5.3 - Todos os Direitos reservados