Repolode
Enviar
tailwindlabs

tailwindlabs/tailwindcss

Um framework CSS utility-first para criar interfaces personalizadas diretamente em HTML e JSX com classes pequenas e de propósito único.

Ver no GitHubSite
Estrelas
97,945
Forks
8,392
Issues abertas
90
Último commit
anteontem

O que é?

Tailwind CSS é um framework CSS utility-first. Em vez de escrever folhas de estilo personalizadas com nomes de classes semânticos, os desenvolvedores compõem estilos aplicando diretamente à marcação classes utilitárias pequenas e de propósito único, como flex, pt-4 ou text-center.

O framework é distribuído como um plugin do PostCSS e costuma ser instalado pelo npm. Ele gera apenas o CSS que o projeto realmente usa e foi desenvolvido para criar interfaces personalizadas rapidamente, sem sair do arquivo HTML. Variantes responsivas, variantes de estado como hover e focus e o modo escuro são expressos como prefixos de classe.

O projeto é escrito em TypeScript e mantido pela Tailwind Labs. A documentação completa está disponível em tailwindcss.com, e dúvidas e discussões sobre recursos acontecem na área GitHub Discussions.

Recursos principais

  • 01Oferece classes utilitárias de baixo nível para layout, espaçamento, tipografia, cores e muito mais.
  • 02Gera apenas o CSS usado pelo projeto.
  • 03Oferece suporte a breakpoints responsivos e variantes de estado como hover e focus por meio de prefixos de classe.
  • 04É distribuído como um plugin do PostCSS que pode ser instalado pelo npm.
  • 05Oferece suporte ao modo escuro por meio de variantes baseadas em classes.

Casos de uso

  • Criar designs personalizados para componentes sem escrever folhas de estilo separadas.
  • Prototipar e iterar layouts diretamente em templates HTML ou JSX.
  • Criar sites responsivos com escalas consistentes de espaçamento e tipografia.

Início rápido

  1. 1

    Consulte a documentação completa em tailwindcss.com para ver as etapas de instalação

Tópicos

#css#css-framework#utility-classes#postcss#responsive-design#frontend#functional-css#responsive#tailwindcss

Perguntas frequentes

O que é tailwindcss?
Um framework CSS utility-first para criar interfaces personalizadas diretamente em HTML e JSX com classes pequenas e de propósito único. Tailwind CSS é um framework CSS utility-first. Em vez de escrever folhas de estilo personalizadas com nomes de classes semânticos, os desenvolvedores compõem estilos aplicando diretamente à marcação classes utilitárias pequenas e de propósito único, como flex, pt-4 ou text-center.
tailwindcss é gratuito? Qual é a licença?
tailwindcss é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
tailwindcss ainda é mantido?
Manutenção ativa. O último commit de tailwindcss foi em 19 de out. de 2026.
Para que posso usar tailwindcss?
Criar designs personalizados para componentes sem escrever folhas de estilo separadas. Prototipar e iterar layouts diretamente em templates HTML ou JSX. Criar sites responsivos com escalas consistentes de espaçamento e tipografia.
Como instalar tailwindcss?
Consulte a documentação completa em tailwindcss.com para ver as etapas de instalação
Onde consigo tailwindcss?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/tailwindlabs/tailwindcss

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados