Material Design para Bootstrap

Si utilizas el Bootstrap como tu framework de front-end preferido  y además te gustaría integrar el framework de diseño visual de Google no te faltan soluciones en la web.

Hoy te quiero presentar una de las soluciones que creo ser de las más completas. Sus desarrolladores la han llamado MDB.

Por si no te acuerdas…

Bootstrap de Twitter es el framework de HTML, CSS y JavaScript más popular del mercado para desarrollar de forma rapida y fácil proyectos responsive y mobile first en la web.

Material Design es un lenguaje de diseño desarrollado por Google con el objetivo de hacer una web más bonita y amigable.

“Material Design for Bootstrap“, o MDB es un framework con las mejores características de ambos mundos y puede ser lo que estabas buscando.

Características principales de MDB

• Más de 300 elementos de UI “material”
• Más de 1000 iconos material
• Fácil de instalar
• Responsive. Funciona en tablets, teléfonos y ordenadores de escritorio
• Compatible entre navegadores. Funciona en todos los navegadores modernos
• Gratuito para uso personal y profesional

¿Cómo funciona?

MDB es un kit muy potente para Material Design que podrás usar para empezar tus nuevos proyectos o implementar en alguno ya existente.

Tendrás que registrarte y puedes optar entre la versión gratuita, que te da acceso al framework, diferentes componentes y plantillas, o la versión Pro (entre 29 y 199 dólares), que además de todo lo anterior tendrás acceso a más 100 componentes premium, soporte premium y actualizaciones ilimitadas.

Después de bajarte el kit, ¡ya lo puedes utlizar y empezar a crear!

Si no sabes como, el equipo de mdbostratap.com te ofrece algunas plantillas ‘starter‘ con las que puedes empezar.

Entre los componentes de MDB más populares y que pueden dar a tu sitio web el toque profesional que necesita, puedes encontrar:

• Plantillas (gratuito)
• Animaciones (gratuito). 74 animaciones de CSS que podrás aplicar a cada elemento de tu proyecto.
• Formularios (gratuito). Ya sabes lo difícil que es maquetar formularios. Con MDB lo tendrás mucho más fácil.  !Echa un vistazo al “Date picker” o el “Time picker”!
• Conjunto E-commerce (pro). Con carrito de compras o catalogos.
• Conjunto Magazine (pro). Maquetar tu blog dejará de ser tan complicado.
• SideNav (pro)
• Logo generator
• Parallax

MDB es un framework muy completo con lo que puedes obtener un resultado muy profesional en poco tiempo. Lo podrás utilizar para tu sitio web personal, tienda online o blog.

En el sitio web oficial, además de las plantillas gratis, también podrás encontrar tutoriales y videos para aprender.

Otros ejemplos de Material Design para Bootstrap:

• Paper de Bootswatch
• Material Design for Bootstrap de Fez Vrasta

Fuente

• mdboostratp.com

La entrada Material Design para Bootstrap aparece primero en INUSUAL.