---
title: 'Material Design Lite: O framework do Google'
authors: Isaque Melo
type: post
date: 2015-07-08
excerpt: A biblioteca de componentes e templates já conhecida dos aplicativos agora para websites em CSS, HTML e Javascript.
url: /material-design-lite-o-framework-google/
categories:
  - CSS
  - Design
  - Geral
  - HTML
  - Tecnologia e Tendências
  - UX
tags:
  - Design Web
  - framework
  - material design
  - responsivo
  - ux
---
Em 2014 o Google apresentou o Material Design: um guia para redefinir o visual de aplicativos. Vários aplicativos aderiram ao Material Design, como por exemplo, o WhatsApp, que mudou por completo o visual.

Para facilitar ainda mais a vida do usuário, o Google <a href="https://medium.com/google-developers/introducing-material-design-lite-3ce67098c031" target="_blank">anunciou </a>uma ferramenta para introduzir o Material Design em websites, chamado de <a href="https://www.getmdl.io/" target="_blank">Material Design Lite (MDL).</a>

Assim como qualquer outro _framework_, o MDL oferece uma documentação e vários exemplos para facilitar a aplicação em websites. O nome &#8220;Lite&#8221; &#8211;  segundo o Google &#8211; dá-se pela extrema facilidade, pouca dependência e também pelo tamanho do pacote (aproximadamente 27KB gzipped).

> MDL torna fácil adicionar o estilo &#8220;_material design_&#8221; aos seus websites. (&#8230;) É um framework agnóstico, isto é, significa que pode ser usado com quaisquer uma das ferramentas que surgem rapidamente no horizonte front-end. MDL é leve de carregar e estritamente focado em aplicar o &#8220;_material design_&#8221; aos websites.

O MDL é compatível com todos os navegadores modernos: Google Chrome, Mozilla Firefox, Opera e o novo Microsoft Edge que acaba de chegar no Windows 10. E claro, o MDL é responsivo.

[<img class="alignnone wp-image-49904 size-full" src="https://raw.githubusercontent.com/diegoeis/tableless-static-images/master/2015/07/1-zh2u4rTfC1HqViInpog1Ng.jpeg" alt="Google Material Design Lite para Website" width="1092" height="409" />][1]

Assim como aconteceu nos aplicativos, é bem provável que veremos daqui para frente muitos websites aderindo a concepção do MDL, e, segundo informações do artigo do Google, o pessoal de lá não vê a hora que isso aconteça.

> Mal podemos esperar para ver os belos, modernos, sites responsivos que você irá construir com Material Design Lite.

O link do Google Developers para o artigo de divulgação do MDL no Medium é este <a href="https://medium.com/google-developers/introducing-material-design-lite-3ce67098c031" target="_blank">aqui</a>.

 [1]: https://raw.githubusercontent.com/diegoeis/tableless-static-images/master/2015/07/1-zh2u4rTfC1HqViInpog1Ng.jpeg