Shards — Um UI Kit Moderno e Gratuito baseado no Bootstrap 4

Descrição

Shards é um painel de sistema de design moderno baseado no Bootstrap 4, que vem repleto de 10 componentes personalizados extras e duas páginas de destino pré-construídas. É também leve, com sua folha de estilos pesando apenas ~12kb minificado e compactado.

Cores
Nós aprimoramos a seleção de cores semânticas do Bootstrap com variações de cores mais vibrantes para melhorar o contraste e a acessibilidade.

Tipografia
O Shards usa a Poppins como sua tipografia principal para títulos e a fonte de interface do sistema, com fallback para Roboto-first (apenas em dispositivos não-Apple) para o restante do conteúdo.

Pacotes de Ícones
O Shards suporta por padrão tanto os pacotes Material quanto FontAwesome. Os ícones podem ser colocados em quase qualquer elemento sem a necessidade de modificar o kit.
• Mais de 900+ ícones
• Mais de 600+ ícones

Controles de Formulário
Todos os controles de formulário são aprimorados com micro-transições e sombras que trazem profundidade e melhoram a experiência geral do usuário.

Controles Personalizados
Os campos de formulário personalizados padrão são aprimorados e estendidos. Uma das novas adições é o controle de alternância (toggle switch).

Validações de Formulário
As validações de formulário também são aprimoradas para combinar com a nova aparência geral do formulário, seguindo os mesmos princípios de interação para consistência.

Controles de Slider
Os sliders também são um novo controle personalizado e podem ser integrados em quase qualquer lugar com marcação mínima (um único elemento) e opções de personalização estendidas via JavaScript.

Cartões
Nós queríamos que os cartões se destacassem e trouxessem profundidade sem alterar sua estrutura original. Tudo isso enquanto permitem que eles funcionem bem com outros componentes.

Botões
Dois novos modificadores de botões são introduzidos no Shards, permitindo que você crie botões em formato de pílula e quadrados para variações preenchidas e delineadas, oferecendo uma gama estendida de combinações possíveis.

Barras de Navegação
Crie barras de navegação bonitas, ousadas e responsivas usando a mesma estrutura de marcação do Bootstrap 4 que você já conhece e ama.

Extras
Isso não é tudo! Nós preparamos duas páginas de destino gratuitas construídas principalmente com o Shards e alguns estilos personalizados para ajudar você a começar seu próximo projeto.

🔑 Principais recursos

• Inclui 2 páginas de destino pré-construídas e 11 componentes personalizados.
• Arquivos SCSS e Sketch estão incluídos para que você possa mexer e experimentar.
• Compatível com os pacotes de ícones Material e Font Awesome.
• Tiny, com seu CSS pesando ~12 kb minificado e compactado.
• Responsivo por design.
• Bem documentado.
• É grátis!

O que você está esperando? Vá em frente e construa algo! Mal podemos esperar para ver o que você vai criar! Se gostar do Shards, não esqueça de clicar no botão seguir e compartilhá-lo com seus amigos também!

Agradecimentos especiais a Catalin Nick (https://dribbble.com/hisk) por projetar e trabalhar neste projeto.

Seus comentários e opiniões são muito importantes para nós! Caso tenha alguma dúvida, preocupação ou sugestão, não hesite em entrar em contato conosco em nossas páginas de mídia social e responderemos o mais rápido possível.

• Facebook - https://facebook.com/epiccoders.co/
• Twitter - https://twitter.com/CoEpic
• Instagram - https://www.instagram.com/epicpxls/

Você também pode nos enviar um e-mail para contact@epicpxls.com

Obrigado e aproveite o design!
EpicPxls <3