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.

Local na rede Internet:

Recursos

Categorias

Alternativas ao Tailwind CSS para todas as plataformas com qualquer licença

metro-bootstrap

metro-bootstrap

Bootstrap simples do Twitter com estilo Metro.
Spectre.css

Spectre.css

Estrutura CSS leve, responsiva e moderna para desenvolvimento mais rápido e extensível.
Element UI

Element UI

Element, uma biblioteca de componentes baseada no Vue 2.0 para desenvolvedores, designers e gerentes de produto.
Refills

Refills

Recargas são padrões e componentes pré-embalados, construídos sobre Bourbon, Bitters e Neat.
Picnic CSS

Picnic CSS

Desempacote sua refeição e obtenha codificação.Uma biblioteca CSS invasiva para iniciar seu estilo.
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.
mini.css

mini.css

O Mini.css é uma estrutura CSS de código aberto que é mínima (7KB compactada), responsiva e independente de estilo.
Milligram

Milligram

O Milligram fornece uma configuração mínima de estilos para um ponto de partida rápido e limpo.
Responsable

Responsable

Responsável é uma estrutura responsiva HTML CSS LESS SCSS com marcação limpa, CSS normalizado e imagens responsivas.
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.
320 and Up

320 and Up

O clichê responsivo 'tela minúscula primeiro'.
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.
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.
Blaze CSS

Blaze CSS

Estrutura CSS modular de código aberto, oferecendo excelente estrutura para a criação de sites rapidamente.