123
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

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.
320 and Up

320 and Up

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

yeti.css

O yeti.css é uma biblioteca de padrões que consiste em módulos leves e reutilizáveis.Ele foi desenvolvido para refletir as diretrizes visuais e de branding.
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.
Frameless

Frameless

Dig design responsivo?Odeio grades de fluidos?Experimente uma grade sem moldura.
SimpleGrid

SimpleGrid

Responsivo.Aninhamento infinito.Uma classe por elemento.Simples.
Fluid 960 Grid System

Fluid 960 Grid System

Os modelos do Fluid 960 Grid System foram criados com base no trabalho de Nathan Smith e seu 960 Grid System usando efeitos das bibliotecas MooTools e jQuery JavaScript.
Foldy960

Foldy960

Foldy960 - Uma versão responsiva da grade 960, do jeito Pvel!
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic é um sistema de grade de fluidos que é o sucessor do 960 Grid System.