Shards — Un kit de interfaz gratuito y moderno basado en Bootstrap 4

Descripción

Shards es un sistema de diseño moderno basado en Bootstrap 4 que incluye 10 componentes personalizados adicionales y dos páginas de aterrizaje preconstruidas. También es ligero, ya que su hoja de estilos pesa solo ~12kb minificados y comprimidos con gzip.

Colores
Hemos mejorado la selección de colores semánticos de Bootstrap con variaciones más brillantes para mejorar el contraste y la accesibilidad.

Tipografía
Shards utiliza Poppins como tipografía principal para los encabezados y la interfaz del sistema, con una reserva prioritaria para Roboto (solo en dispositivos no Apple) para el resto del contenido.

Paquetes de iconos
Shards incluye por defecto los paquetes de Material Design y FontAwesome. Los iconos pueden colocarse en casi cualquier elemento sin necesidad de modificar el kit.
• Más de 900+ iconos
• Más de 600+ iconos

Controles de formulario
Todos los controles de formulario se mejoran con microtransiciones y sombras que aportan profundidad y mejoran la experiencia de usuario.

Controles personalizados
Los campos de formulario personalizados predeterminados se mejoran y amplían. Una de las nuevas incorporaciones es el control de interruptor (toggle).

Validaciones de formulario
Las validaciones de formulario también se mejoran para coincidir con la nueva sensación general de los formularios, siguiendo los mismos principios de interacción para mantener la coherencia.

Controles de deslizamiento
Los controles deslizantes también son un nuevo componente personalizado que puede integrarse casi en cualquier lugar con un marcado mínimo (un solo elemento) y opciones de personalización adicionales mediante JavaScript.

Tarjetas
Queríamos que las tarjetas destacaran y aportaran profundidad sin cambiar su estructura original. Todo esto mientras se integran bien con otros componentes.

Botones
En Shards se introducen dos nuevos modificadores de botones que permiten crear botones en forma de pastilla y cuadrados, tanto en versiones rellenas como con contorno, para ampliar las posibles combinaciones.

Barras de navegación
Crea barras de navegación hermosas, audaces y responsivas utilizando la misma estructura de marcado de Bootstrap 4 que ya conoces y amas.

Extras
¡Y eso no es todo! Hemos preparado dos páginas de aterrizaje gratuitas construidas principalmente con Shards y algunos estilos personalizados para ayudarte a comenzar tu próximo proyecto.

🔑 Características principales

• Incluye 2 páginas de aterrizaje preconstruidas y 11 componentes personalizados.
• Se incluyen archivos tanto en SCSS como en Sketch para que puedas experimentar y modificarlos.
• Compatible con los paquetes de iconos Material Design y Font Awesome.
• Ligero, ya que su CSS pesa ~12 kb minificado y comprimido con gzip.
• Diseño responsivo.
• Bien documentado.
• ¡Es gratis!

¿A qué esperas? ¡Adelante y construye algo! No puedo esperar a ver lo que creas. Si te gusta Shards, asegúrate de hacer clic en el botón seguir y compártelo con tus amigos.

Agradecimientos especiales a Catalin Nick (https://dribbble.com/hisk) por diseñar y trabajar en esto.

¡Tu opinión y comentarios son muy importantes para nosotros! Si tienes alguna pregunta, sugerencia o inquietud, no dudes en contactarnos a través de nuestras redes sociales y responderemos lo antes posible.

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

También puedes enviarnos un correo a contact@epicpxls.com

¡Gracias y disfruta diseñando!
EpicPxls <3