9个目前流行的MATERIAL DESIGN前端框架

谷歌推出的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 的用户,那么你就用它吧。

(0)

相关推荐

  • Material Design 日历插画 jpg,AI格式下载!

    小编:今天给大家带来的是由oxygenna分享的Material Design 日历插画设计.当然,不仅仅只有日历上才能用得上,现在很流行这种扁平插画的感觉且色彩鲜艳.AI格式,可自行添加,设计.是个 ...

  • 「插件」一分钟学会 Material Design 配色插件

    小编:在UI设计中操作技巧是大家都可以去查去练习的,练习到一定程度就无差别,用户的体验和色彩的搭配则是意会的层面.那今天小编给大家带来了几个关于配色的Sketch 插件,助你完成优秀的UI作品一臂之力 ...

  • Android设计规范 Material Design

    阔别多日,不知道小伙伴们,有没有想我呀~~这里补充上Android设计规范 Material Design的目录,方便小伙伴们阅读~~ Style 色彩 – Color 字体排版 – Typograp ...

  • 实战!Material Design的一次设计探索

    小编:Material Design不知道大家知不知道,这是谷歌推出了全新的设计语言,这种设计语言旨在为手机.平板电脑.台式机和"其他平台"提供更一致.更广泛的"外观和感 ...

  • Material Design设计语言的APP模板下载!

    小编:这次带来的是由ui8出品的遵循Material Design设计语言APP模板,一共有7套类型的APP设计,有电商.注册登录.导航.数据等等的···虽然只是预览版.对于咱们学习Material ...

  • MATERIAL DESIGN实战–网易新闻安卓客户端

    小编:之前我们也了解了很多的Material design的理论 知识,那么如何应用,那么国内的APP应用上了这种新技巧了吗?今天网易的同学分享了网易新闻客户端的Material design改版过程 ...

  • Material Design Icon设计模板(PSD免费下载!)

    小编:今天给大家带来的是由Yalantis Mobile分享的Material Design Icon设计模板,这套模板和IOS icon模板有些相似,不过这是android的,模板的用途是 让你的i ...

  • 新版MATERIAL DESIGN 官方动效指南(三)

    @平行煎餅:新版Material Design官方动效指南已经翻译到第三章了!今天这部分,从动效的运动和材料形变入手,让你的动效自然真实,贴近现实状态.再系统的干货都比不上官方的动效指南,西瓜就在这, ...

  • Material Design 安卓5.1L (UI kit包下载!)

    小编:今天带来的是由redesigncase分享的Material Design 安卓5.1L (UI kit包下载!).有了这套ui kit,Material Design设计So easy啦! 包 ...