Tailwind CSS

Tailwind CSS

O vento de cauda é diferente de estruturas como Bootstrap, Foundation ou Bulma, pois não é um kit de interface do usuário.
O vento de cauda é diferente de estruturas como Bootstrap, Foundation ou Bulma, pois não é um kit de interface do usuário.Ele não tem um tema padrão e não há componentes internos da interface do usuário.Por outro lado, também não tem opinião sobre a aparência do site e não impõe decisões de design com as quais você deve lutar para desfazer.Se você está procurando uma estrutura que vem com um menu de widgets predefinidos para construir seu site, o Tailwind pode não ser a estrutura certa para você, e é por isso que temos algumas alternativas.Mas se você quer uma grande vantagem na implementação de um design personalizado com sua própria identidade, o Tailwind pode ser exatamente o que você está procurando.Primeiro o utilitário Criar uma estrutura para criar UIs personalizadas significa que você não pode fornecer abstrações no nível usual de botões, formulários, cartões, barras de navegação etc.interfaces de usuário complexas sem incentivar dois sites a terem a mesma aparência.Compatível com componentes Embora você possa fazer muito apenas com classes de utilidade, às vezes uma classe de componente é a decisão certa.O Tailwind fornece ferramentas para extrair classes de componentes de padrões repetidos de utilitários, facilitando a atualização de várias instâncias de um componente em um único local.Responsivo ao núcleo Todo utilitário Tailwind também possui características responsivas, facilitando a criação de interfaces responsivas sem precisar sair do HTML.O Tailwind usa um prefixo intuitivo {screen}: que facilita a observação de classes responsivas na sua marcação, mantendo o nome da classe original reconhecível e intacto.Projetado para ser personalizado Se faz sentido ser personalizável, o Tailwind permite que você o personalize.Isso inclui cores, tamanhos de borda, pesos de fonte, utilitários de espaçamento, pontos de interrupção, sombras e muito mais.O Tailwind é escrito em PostCSS e configurado em JavaScript, o que significa que você tem todo o poder de uma linguagem de programação real ao seu alcance.Tailwind é mais do que uma estrutura CSS, é um mecanismo para criar sistemas de design.
tailwind-css

Local na rede Internet:

Recursos

Categorias

Alternativas ao Tailwind CSS para Web

Topcoat

Topcoat

O Topcoat é uma nova biblioteca CSS de código aberto, projetada para ajudar os desenvolvedores a criar aplicativos da Web com ênfase na velocidade.
Material Design Lite

Material Design Lite

Estrutura da web front-end do Google para criação de sites com a especificação Material Design.
320 and Up

320 and Up

O clichê responsivo 'tela minúscula primeiro'.
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

O Juiced possui muitos dos mesmos recursos de layout que você conhece e ama, mas aprimora-os com melhor segmentação para celular, pedido personalizado de colunas, melhores opções de alinhamento ...
The Semantic Grid System

The Semantic Grid System

Defina as larguras da coluna e da calha, escolha o número de colunas e alterne entre pixels e porcentagens.
Kube Web Framework

Kube Web Framework

O Kube é uma das estruturas mais avançadas e flexíveis do mundo. O Kube ajuda você a gastar menos tempo em tarefas rotineiras e mais tempo criando produtos incríveis.
The Goldilocks Approach

The Goldilocks Approach

A abordagem Goldilocks ao design responsivo da Web - Um bom ponto de partida para o design que tira a resolução do dispositivo da equação.
Golden Grid System

Golden Grid System

Um sistema de grade para web design responsivo.Inclui colunas dobráveis, calhas elásticas, uma grade de linha de base com zoom e um delicioso script de sobreposição de grade.
Less Framework

Less Framework

Less Framework é um sistema de grade CSS para projetar sites adaptáveis.Ele contém 4 layouts e 3 conjuntos de predefinições de tipografia, todos baseados em uma única grade.
960 Grid System

960 Grid System

O 960 Grid System é um esforço para otimizar o fluxo de trabalho de desenvolvimento da web, fornecendo dimensões comumente usadas, com base em uma largura de 960 pixels.
Sassy-validation

Sassy-validation

Sassy-validation é uma biblioteca de validação de tipo de dados Sass. Valide os dados inseridos ou não o Sass!
Wee

Wee

Estrutura leve de front-end para criar logicamente projetos web complexos e responsivos.
inuit.css

inuit.css

O inuit.css é uma estrutura CSS leve, atualizada constantemente, que fornece um ponto de partida pragmático e rico em recursos para todos os seus projetos.
Flexbox Grid

Flexbox Grid

Um sistema de grade baseado na propriedade flex display.
Backstretch

Backstretch

O Backstretch é um plug-in jQuery simples que permite adicionar uma imagem de plano de fundo dinamicamente redimensionada e com capacidade para apresentação de slides a qualquer página ou elemento.