9个目前流行的Material Design前端框架


谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天设计达人网为大家分享的9个目...
谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天设计达人网为大家分享的9个目前流行的Material Design前端框架。
这些前端框架的设计元素齐全,按钮、表单、布局及常用JS特效代码也有齐了,支持Responsive Design,还有的可以结合Bootstrap使用,相当不错,下面来看看介绍,并挑选一款你喜欢的Framework来制作你的新项目吧。
Materialize
Materialize 是一个响应式的前端框架,设计样式及组件元素丰富。

查看框架


Material UI


Material UI 和上面的框架差不多,另外值得一提就是它自带的响应式日期选择很棒哦。

查看框架


MUI


MUI 是一个轻量级的Material Design框架,它的CSS和JS压缩版加起来不超过10KB,作者还提到可以用MUI的CSS来创建邮箱模板,支持流行的邮箱(如:Gmail, Apple Mail,Outlook等)

查看框架


Daemonite


daemonite 在之前的文章已经介绍过,轻量级。

查看框架


LumX


LumX 这个前端框架主要是使用了Angular JS,针对手机端有不错的体验,如果懂Angular JS的建议使用这个框架。

查看框架


Framaterial


Framaterial 这个框架小编体验的时候,有的JS效果在桌面端感觉有**顿,动画不够流畅,但总体还是不错,有很丰富的组件元素。


查看框架


Material Framework


Material Framework 这个前端框架有2组风格,一个是默认白色以及暗色调,缺点就是组件元素目前还不够多。


查看框架


Material Foundation


如果你懂得使用Foundation,那么这个前端框架可以选择了,直接为你的Foundation换肤。但组件还是有点少了。

查看框架


Material Design For Bootstrap


Material Design for Bootstrap 对于不想再去花时间了解新框架,并喜欢使用Bootstrap 的用户,那么你就用它吧。

查看框架

整理自:speckyboy

更多 material 相关资讯

Materialize - 响应式 Material Design 框架

Materialize - 响应式 Material Design 框架

由谷歌创建和设计的 Material Design(材料设计)是一种设计语言,结合成功的设计的经典原则以及创新科技。谷歌的目标是开发一个设计系统,让所有的产品在任何平台上拥有统一的用户

更多 框架 相关资讯

2015年16个最佳的免费响应式HTML5框架

2015年16个最佳的免费响应式HTML5框架

HTML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它

WebApp UI框架App.js的入门介绍和使用手册

WebApp UI框架App.js的入门介绍和使用手册

今天跟大家推荐一款webAPP的UI框架工具:App.js 那APP.js到底有什么用呢? App.js是轻量级JavaScript UI 库,打造创建如原生的应用样的WebApp,可自定义主题样式,框架基于zep

T3框架:简化大型JavaScript应用创建

T3框架:简化大型JavaScript应用创建

【编者按】原文作者Nicholas C. Zakas是前Yahoo!首页首席前端工程师和YUI代码贡献者,目前在Box公司任职。在这篇文章中,介绍了他们团队所创建的JavaScript框架T3,使创建大型Jav

HTML5框架:HTML KickStart

HTML5框架:HTML KickStart

HTML KickStart 拥有极简的 HTML5 ,CSS 和 JS 构建模块,能够快速生成网页。经测试支持的浏览器: IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser 和 Chrome Andr

推荐10款web前端的 HTML5 开发框架和开发工具

推荐10款web前端的 HTML5 开发框架和开发工具

HTML5 在不同的领域让网页设计更强大的。快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程

JavaScript开源跨平台框架NativeScript

JavaScript开源跨平台框架NativeScript

NativeScript是一款使用JavaScript语言来构建跨平台原生移动应用的开源框架,支持iOS、Android和Windows Phone。且NativeScript的使用没有过多繁杂的要求,只需使用自己已

Aurelia – 模块化,简单,可测试的 JS 框架

Aurelia – 模块化,简单,可测试的 JS 框架

Aurelia 是下一代 JavaScript 客户端框架,利用简单的约定来激发你的创造力。凭借其强大的专注于开发经验, Aurelia 可以使您不仅创造惊人的应用程序,同时也享受这个过程。它经

前端界面开发框架,Semantic UI 1.11.5 发布

前端界面开发框架,Semantic UI 1.11.5 发布

Semantic UI —完全语义化的前端界面开发框架,跟 Bootstrap 和 Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。 Semantic UI 1.11.5

Ionic - 先进的 HTML5 移动开发框架和 SDK

Ionic - 先进的 HTML5 移动开发框架和 SDK

Ionic 是开源的 HTML5 移动开发框架,基于 HTML、JavaScript、CSS 构建漂亮的,跨平台的混合模式 App,能够和 AngularJS 很好的集成。目前最佳支持的平台是 iOS 7+ 和 Android 4.

BLACKHOLE – 易于定制、轻量级的SASS/CSS框架

BLACKHOLE – 易于定制、轻量级的SASS/CSS框架

前端框架有很多,比如使用人气很高的Bootstrap、foundation、ionic等,不过当太多人使用后,界面就差不多一个样子了,所以如果有新的框架出来,可以尝试一下,换个新界面,来点新鲜感也很

更多 前端 相关资讯

2015年16个最佳的免费响应式HTML5框架

2015年16个最佳的免费响应式HTML5框架

HTML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它

前端界面开发框架,Semantic UI 1.11.5 发布

前端界面开发框架,Semantic UI 1.11.5 发布

Semantic UI —完全语义化的前端界面开发框架,跟 Bootstrap 和 Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。 Semantic UI 1.11.5

2015年3月新鲜出炉的网页前端开发工具

2015年3月新鲜出炉的网页前端开发工具

网页前端开发人员必须关注当下流行的工具,我们为了帮助前端开发者们找到好的高效的开发工具,我们转载分享了这些。我们分享的这些工具希望对您有用,例如:生成工具、jQuery插件、

分享10个最新的Web前端框架

分享10个最新的Web前端框架

在Web开发的世界里,框架是很常见的东西,甚至每天都有新的框架和模板产生,你很难对它们都了解,你也很难决定应该使用哪一个框架。前端Web框架的本质就是JavaScript,CSS和HTM

Saber——模块化、组合式的移动前端框架

Saber——模块化、组合式的移动前端框架

Saber是模块化、组合式的前端移动框架,其提供了JavaScript模块、CSS样式库与开发平台完整的前端解决方案。主要适合做移动端SPA (Single Page App) 项目、轻应用。如

5款非常好用的前端在线编辑器推荐

5款非常好用的前端在线编辑器推荐

使用在线编辑器的好处: I 提供各种在线JS或css框架 II 实时预览代码效果 III 线上保存代码 IIII 可分享 下面推荐几款很不错的在线前端编辑器 1.jsfiddle 界面简