17 Frameworks para Material Design

17 Frameworks para Material Design, si estas buscando utilizar algún framework para empezar con los diseños de ultima moda “Material Design” aquí tenemos 17 frameworks para revisar, recuerda que la web siempre esta cambiando y mejorando, queremos apoyarte .

1.- Materializecss

Empezamos con materializecss que es un framework bastante flexible y muy fácil de aplicar, este framework maneja todos los componentes y elementos de Material Design como por ejemplo: cards, forms, colors, entre otros, este framework tiene documentación incluida y muy completa además que puedes encontrar ejemplos muy buenos.

http://materializecss.com/getting-started.html

http://materializecss.com/getting-started.html

 

2.- MDL/Dart – Material Design

Este Framework es esta realizado pensado para material design que integra la mayoria de los elementos compuestos por esta “filosofía”, este framework ofrece templates realizados como ejemplos de uso:

Enlace: http://www.material-design-lite.pub/#/button

3.- Material Design lite

Este framework a diferencia de los demas framework puede cambiar de color mediante una herramienta de selección de color, lo que este framework nos dice es: implementa css, utiliza algun template, o crealo desde cero, agrega componentes, estilos, y personaliza el color.

 

Enlace 1: http://www.getmdl.io/components/index.html

Enlace 2: http://www.getmdl.io/customize/index.html

4.- Material ui (Pensado para React.js)

Material UI es un framework con un set de componentes para React.js para implementar Material Design

Enlace: http://material-ui.com/#/components/date-picker

5.- LumX 

Este framework esta pensado para ser implementado con Angular.js y google Material Design, su implementación se apoya mucho de jQuery como complemento del framework.

Enlace: http://ui.lumapps.com/css/fab

6.- Material Design for Bootstrap

Este framework esta realizado para bootstrap con jQuery, si eres de las personas que les gusta utilizar bootstrap, aquí tienes este framework.

Enlace: http://fezvrasta.github.io/bootstrap-material-design/

7.- MUI Framework

MUI framework es ligero y que implementa Material Design de Google, su objetivo es ser pequeño, rápido y muy fácil de usar.

Enlace:https://www.muicss.com/docs/v1/css-js/tables

8.- Essence

La filosofía de este framework es “Créalo una vez y utilízalo muchas veces y en todos lados”, una de las principales cualidades de este framework es que en la documentación muestra ejemplos con html y con react.js, aunque algunos ejemplos están realizados completamente enfocados a react.js.

Enlace: http://essence.pearlhq.com/#

9.- Angular Material 

Angular Material es uno de los frameworks que esta enfocado al uso de angular.js, aunque la reusabilidad.

Enlace: https://material.angularjs.org/latest/#/

10.- Material CSS 

Este framework esta pensado para implementar de forma sencilla y rápida, en la documentación puedes encontrarte con varios ejemplos útiles para tu desarrollo.

Enlace: http://kearlsaint.github.io/material-css/

11.-  Material Framework 

Un framework muy bueno y sencillo, aunque carece de algunos componentes como por ejemplo “date-picker” te puede ser de gran utilidad para los desarrollos simples.

Enlace: http://nt1m.github.io/material-framework/#inputs

12.- Phonon Framework

El framework esta pensado más para los dispositivos moviles (Aunque sabemos que Google Material Design persigue la unificación de interfaces) este framework sugiere el uso con phoneGap

Enlace: http://phonon.quarkdev.com/#getting-started

13.- PaperKit (Con problemas) 

Este framework suena interesante aunque tiene fallas de implementación.

Enlace: http://paperkit.datatrends.es/learn/

14.- Framaterial (Con problemas)

Este framework aunque tiene también problemas de implementación por lo que la documentación es un poco inconsistente.

Enlace: http://framaterial.github.io/framaterial/javascript.html

15.- Surface 

Unos de los framworks más ligeros que implementa Google Material Design, las ventajas es que el framework es totalmente css, esto quiere decir que no se encontrarán complementos javascript (Todo es css hasta los efectos).

Enlace: http://iamsurface.com/docs/buttons.html

16.- Material Foundation

Framework sencillo de implementar, aunque no tiene todos los componentes Material Design que puedes requerir en un tú proyecto, hablando de proyectos un poco más elaborados.

Enlace: http://eucalyptuss.github.io/material-foundation/#

17.- Material

Framework pensado para implementar en diseños básicos, se puede notar ligeramente el descuido de los componentes input, independientemente de eso, es una solución pobre.

Enlace: http://daemonite.github.io/material/

 

Bueno esos son todos los frameworks con un poco de popularidad, recuerda usarlos y comentarnos.

¿Que te parecen?

 

 

You may also like...