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.

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:

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:

Fuente

¿Y tú qué dices?

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.