Desenvolvedor
Gratuito
Sem cadastro
Folha de Dicas do Tailwind CSS
Referência pesquisável interativa para mais de 200 classes de utilitários do Tailwind CSS v3.
Carregando ferramenta…
Sobre esta ferramenta
Navegue, pesquise e copie classes de utilitários do Tailwind CSS v3 agrupadas por categoria: Layout, Flexbox, Grid, Espaçamento, Dimensionamento, Tipografia, Bordas, Efeitos, Filtros, Transições, Transformações e Interatividade. Cada entrada mostra o nome da classe, o CSS subjacente que ela aplica e notas sobre variantes responsivas ou de estado. Clique em qualquer classe para copiá-la instantaneamente.
Como usar
- 1 Passo 1: Use a caixa de pesquisa para encontrar uma classe pelo nome (por exemplo, 'flex') ou pela propriedade CSS (por exemplo, 'display').
- 2 Passo 2: Filtre por categoria usando os botões pill acima da grade de classes.
- 3 Passo 3: Passe o mouse sobre qualquer entrada para ver seu valor CSS completo e as variantes responsivas/de estado disponíveis.
- 4 Passo 4: Clique em um cartão de nome de classe para copiá-lo para sua área de transferência, pronto para colar no seu HTML.