Propeller Framework combina Bootstrap y Google Material Design

La inmensa popularidad del diseño material de Google no debería sorprender. Es parte de un estilo de interfaz de usuario moderno que se centra más en el diseño plano con énfasis en UX y patrones de usabilidad .

Al tomar los conceptos de diseño de materiales y agregarlos a Bootstrap, obtenemos el marco Propeller .

Este marco de código abierto totalmente receptivo juega el papel material a la perfección. Viene empaquetado con una biblioteca de componentes de 25 elementos UI, junto con plantillas personalizadas para acelerar la producción.

Puede encontrar todo el código fuente en GitHub, junto con la información de soporte del navegador y actualizaciones recientes.

Si realmente desea sumergirse, debe consultar la página de documentación . Aquí es donde sucede lo bueno, cubriendo la estructura de carpetas, la configuración básica del sitio, el uso de componentes y cómo personalizar el kit usted mismo.

La mayoría de los componentes se ejecutan sobre las clases de Bootstrap, por lo que está trabajando con una base de código de BootStrap genuina . Sin embargo, está muy personalizado para imitar las animaciones e ideologías de diseño del material de diseño .

Los menús desplegables, formularios, widgets con pestañas y barras de progreso, todos estos componentes siguen el estilo de diseño del material y son súper fáciles de configurar. La parte difícil es encontrar el componente exacto para que coincida con su sitio porque hay muchos para elegir.

En general, Propeller sigue la mayoría de las pautas de diseño de Google . Los desarrolladores han hecho un trabajo fantástico con este marco y realmente coincide con el estilo material.

En la página Comenzar, encontrará cuatro descargas diferentes, cada una para un propósito distinto:

1. Material temático : para sitios existentes de Bootstrap que desean un estilo de diseño de materiales
2. Propeller Kit : toda la biblioteca de CSS / JS lista para producción
3. Stand Alone : componentes individuales que puedes copiar y pegar para tus propios proyectos
4. Plantilla de administración : una plantilla de panel de administración personalizada hecha con Propeller

Si es nuevo en el marco, puede descargar todo el kit y retocarlo. Este paquete no tiene muchas páginas de muestra, pero puede consultar el sitio de Propeller para ver cómo se ve.

Este marco está listo para producción si está buscando un tema material. Es uno de los marcos más simples para construir y es probable que esté presente en los próximos años.