Estrutura de hélice combina bootstrap e design de material do Google

A imensa popularidade do Google design material não deveria ser uma surpresa. Faz parte de um estilo moderno de interface do usuário com foco mais design plano com um ênfase em UX e padrões de usabilidade.

Tomando os conceitos de design de materiais e adicionando-os ao Bootstrap, obtemos o Estrutura de hélice.

Essa estrutura de software livre totalmente responsiva desempenha perfeitamente o papel material. Vem embalado com uma biblioteca de componentes 25 elementos da interface do usuário, junto com modelos personalizados para acelerar a produção.

Você pode encontrar todo o código fonte no GitHub, juntamente com informações de suporte ao navegador e atualizações recentes.

Se você realmente quer mergulhar em você deve verificar o página de documentação. É aqui que as coisas boas acontecem, abrangendo a estrutura das pastas, a configuração básica do site, o uso de componentes e como personalizar o kit.

A maioria dos componentes é executada sobre as classes do Bootstrap, então você está trabalhando com um base de código genuína do BootStrap. No entanto, é altamente personalizado para imitar material designanimações e ideologias de design.

Menus suspensos, formulários, widgets com guias e barras de progresso, todos esses componentes siga o estilo de design do material e são super fáceis de configurar. A parte difícil é encontrar o componente exato para corresponder ao seu site, porque há muitos para escolher.

De um modo geral, Hélice segue a maioria das diretrizes de design do Google. Os desenvolvedores fizeram um trabalho fantástico com este framework e realmente combina com o estilo do material.

Na página Get Started, você encontrará quatro downloads diferentes, cada um para um propósito distinto:

1. Material temático - para sites existentes do Bootstrap que desejam um estilo de design de material
2. Kit de hélice - toda a biblioteca CSS / JS pronta para produção
3. Estar sozinho - componentes individuais que você pode copiar / colar para seus próprios projetos
4. Modelo de administração - um modelo de painel de administração personalizado feito com hélice

Se você é novo no framework, você pode baixar o kit inteiro e mexer. Este pacote não tem muitas páginas de exemplo, mas você pode olhar para o site do Propeller para ver como ele se parece.

Este quadro é pronto para produção se você está procurando por um tema material. É um dos frameworks mais simples de construir e é provável que esteja por aí por muitos anos.