2014/12/05

Material UI ajuda-te a criar sites e web apps à "Material Design"


No outro dia falei-vos do Quantum OS que é um Linux que adopta o Material Design para o seu interface; hoje trago-vos uma framework que simplificará o processo de criarem um site (ou web app) com o mesmo estilo visual: o Material UI.

O Material UI é uma framework que simplifica todo o complicado processo de implementarem um estilo material design, com as suas animações e transições, completamente de raiz. Esta framework utiliza o React, que é outra framework (javascript) concebida especificamente para a criação de "user interfaces".



Tudo o que têm a fazer é dar um salto à parte da demonstração, onde podem espreitar o funcionamento dos componentes existentes: botões, icons, caixas de input, menus, toolbars, etc.; e logo verão se a coisa tem interesse para os vossos projectos.

Eu achei engraçado terem-se dado ao trabalho de fazer as animações nos botões de acção terem o ponto de origem no preciso local onde se toca, e "abrirem" a partir daí. Era desnecessário terem ido a tal detalhe... mas é simpático. :)


Se tiverem preferência pelo AngularJS, também têm este Angular Material Design que está com muito bom aspecto (e até está mais completo que o Material UI em termos de elementos disponíveis). E para Bootstrap têm este.

1 comentário:

  1. Apesar de ter dado a dica sobre o Material UI, hoje experimentei usar a framework Angular Material Design para criar um mockup de uma wannabe-app Android... em tempo record!
    Excelente, achei mais practica e intuitiva que a anterior e os efeitos nas interações com os vários componentes não lhe ficam nada atrás :)

    ResponderEliminar