Google lança framework que leva Material Design para sites
Chamado de Material Design Lite (MDL), o novo framework inclui componentes no estilo do Material Design.
O Google Developers, equipe do Google que cria ferramentas e materiais de aprendizado voltados para desenvolvedores, liberou um framework web front-end↳Front-end60 conteúdosFront-end em larga escala: quando seu projeto vira um Frankenstein (e como evitar)Dev (Back & Front) · mar 2026Build e bundling no front-end: 7 decisões que impactam performance de verdadeDev (Back & Front) · abr 2026Como modelar APIs pensando no front-end: 8 práticas para evitar retrabalho entre timesDev (Back & Front) · abr 2026Ver tudo em Dev (Back & Front) → para a construção de sites para a especificação Material Design.
Chamado de Material Design Lite (MDL), o novo framework inclui componentes no estilo do Material Design, como botões, checkboxes, campos de entrada e tipografia personalizada, assim como uma grade responsiva e breakpoints, que estão de acordo com as diretrizes de interface do usuário do Material Design. Segundo a empresa, quem já tiver usado Bootstrap não terá dificuldade para entender o MDL.
O código do MDL foi escrito com a biblioteca BEM, e ele pode ser personalizado em uma página própria ou pelo código-fonte disponível no GitHub.
O MDL possui apenas 27 KB na versão compactada e funciona no Chrome, Firefox, Safari, Opera e Microsoft Edge.
Para aqueles que precisam de inspiração, o Google disponibilizou uma página com templates construídos com MDL.
Com informações de 9to5Google
Matérias especiais e reportagens conduzidas internamente pela Redação iMasters. Acompanhe no Twitter @imasters e no Instagram/Threads @portalimasters
