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.
La siguiente sección se va a presentar una de las soluciones que creo ser de las
más completas. Sus desarrolladores la han llamado MDB.
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.

Material Design for Bootstrap

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