首页 > 佳作 > 关键词 > MaterialDesign最新资讯 > 正文

超实用!9个目前流行的MATERIAL DESIGN前端框架

2015-04-22 11:12 · 稿源:

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

网友热搜:

  • 相关推荐
  • 大家在看
  • Intel官宣Thunderbolt 4接口:Tiger Lake首发、40Gpbs速率

    今年初的CES展会上,Intel宣布了全新一代的Thunderbolt 4接口,首发于10nm+工艺的Tiger Lake处理器。现在Intel正式发布了Thunderbolt 4标准,速率跟Thunderbolt 3一样还是40Gbps,但是规格全面增

  • OKEx早报:美国CFTC承诺4年内为数字资产制定整体框架,V神称DeFi可能推动下一轮牛市

    OKEx早报将在每日早间为您带来最新的行情,以及相关行业动态。帮助投资人在最短的时间内了解夜间的动态消息,更好的握把每日行情。行情速递7月日9讯,昨天BTC收涨,涨幅1.47%,21:00起快速拉升,1小时内从9300美元直逼9500美元关口,尾盘震荡回调。通过OKEx平台交易数据可以看出,今日早间行情相对企稳,BTC开盘报9410.6美元,此后横盘整理,6:40触及早间高点9471.12美元后小幅回落。截止发稿,BTC暂报9406.38美元。图片来源:OK

  • 蚂蚁杨周璇:前端十二年,我的思考与感悟

    沉鱼,蚂蚁集团体验技术部的高级前端专家。2007 年毕业于浙江大学,2008 年加入阿里,之后又入职了蚂蚁集团。他先后作为 Node Web 框架 Chair 的核心开发、Basement Baas 服务的技术负责人、九色鹿的技术负责人以及现在云凤蝶的技术负责人。她今天带来的话题是《我做前端这 10 年来的感悟》。那么接下来,我们把时间交给我们的沉鱼小姐姐。一、关于我刚刚主持人已经给我做了一个简单的介绍,那这个地方我就不多讲了。我的经历也比?

  • 李国庆:立誓接管当当 坚持在法律框架下维护当当股东权益

    7月20日消息,昨天晚间,李国庆在微博发文再度谈及与俞渝的冲突,称在当当未来发展方向和公司管理理念上,和俞渝的冲突很早便暴露出来,自己一直想办法避免把工作矛盾变成家庭矛盾。对劝她回家的董事会决议,也没有忍心执行。他表示,对人不设防、对曾经相濡以沫的爱人盲目信任或许是我一直引以为傲的优点,而同时这也不幸地成为了我人生最大的败笔。直到被“逼宫”之后,我仍然带着善意和诚意与俞协议分手。怎奈她欲?

  • 火币宣布成立DeFi实验室,联合全球社区构建DeFi生态

    8 月 3 日,全球知名的数字经济领军企业,火币集团宣布成立火币DeFi实验室。 火币DeFi实验室专注于DeFi(去中心化金融)的研究、投资、孵化、以及生态的建设。计划在未来通过与全球加密领域和DeFi社区合作,构建更好的金融系统。 火币集团创始人兼CEO李林表示:“作为全球知名的数字经济领军企业,我们的使命是让财富更自由,让全球至少一亿家庭拥有数字资产,无论是DeFi还是CeFi。加入全球DeFi生态是一件激动人心的事,同时,也很?

  • 微软整治清理工具CCleaner:Windows Defender标记有害且直接拦截

    一款曾被喻为神器的经典软件,遭微软痛下杀手,它就是CCleaner。这次用户发现,CCleaner被Windows Defender标记为PUA(Potentially Unwanted Application,可能有害的应用程序)并给予拦截,威

  • 定位低于Model 3!特斯拉全新车型或将命名Model 2

    7月29日消息,有媒体报道称,特斯拉将推出全新的入门车型,新车定位将低于Model 3, 并且可能会在特斯拉位于德国的超级工厂(建设中)率先投产。值得一提的是,在此之前,特斯拉CEO马斯克在第二

  • DeFi总交易量单月激增98%,OKEx解读CeFi与DeFi的分工和融合

    7 月 26 日消息,CryptocurrencyChart数据显示,过去一个月,比特币、以太坊、莱特币等主流加密货币的总交易量下降24%。基于以太坊的DeFi生态扩展迅速,总交易量在一个月内激增98%。DeFi支持者Imran Khan称,“比特币和DeFi将同步增长,我预计宏观变化将有力推动比特币的飞轮,DeFi是一个次飞轮。加密货币行业的这两个部门服务于两个不同的‘老板’:比特币是为了夺取货币主权而建立的,而DeFi则是为了夺取传统银行业。”这与 OKEx

  • 加速智慧高速建设 云从科技与招商华软签署战略合作框架协议

    7 月 27 日,云从科技集团股份有限公司与招商华软信息有限公司(以下简称“招商华软”)在北京签署战略合作框架协议。招商华软总经理范崇贵、云从科技副总裁孙庆凯分别代表各方签署了本次协议。根据协议,招商华软和云从科技将充分发挥各自的优势,在高速公路收费稽查领域全面展开人工智能和大数据解决方案的探索与合作,共同推进高速公路收费稽查与追缴业务的智能化升级,助力高速公路朝着智慧化运营的目标迈进。伴随着高速公路省界

  • iG战胜TES,赛后采访宝蓝表示针对阿水就完事了!

    斗玩网原创:继“LPL春晚”之后,最近LPL又新增了一档新节目,叫做“LPL忍界大战”,对阵的双方分别是IG和TES战队,目前两队都已经拿到季后赛的资格,但为了争夺前两名排名,双方都志在拿下每一场比赛。同时这一场比赛还有另外一个看点,就是TES的adc选手阿水将首次在正式比赛中遇上自己的老东家IG战队,面对曾经的队友和好伙伴,双方在比赛场上却没有留一丝情面。

  • DeFi年化收益比去年增长近150%,OKEx详解“幕后推手”DEX

    据Token Terminal 数据显示,DeFi年化收益比去年增长近150%,并于今天达到4200万美元。其中,每周变化达到有史以来第二高,7月连续两周增长50%。增长幅度最大的两大类别为DEX和提供流动性挖矿的协议。由此可见, DEX已经成为DeFi获取收益的重要途径之一。那么DEX将如何发展的?DEX与CEX又有什么样的区别和优势?未来又会如何? OKEx分析师将会为大家进行介绍。去中心化交易所(DEX)的核心部件是部署在区块链上的智能合约, 与传?

  • 小米自研并开源!端上机器学习框架MACE将存放1000年

    7月17日消息,MIUI宣布小米自研并开源的端上机器学习框架MACE已经随着其他几百万个开源项目以数字光感档案胶片的形式被GitHub官方储存在北极代码仓库中,将保存1000年。1000年后的人类还能看到

  • 阿里巴巴将认购总金额8.281亿港元的易居股份,双方签署战略合作框架协议

    易居中国日前宣布与阿里巴巴集团签署战略合作框架协议,双方将在包括线上线下房产交易、数字营销和交易后相关服务等领域展开合作,推动房产服务行业走向数字化、智能化。根据易居企业控股发布的公告,该公司与阿里巴巴集团签署股份认购协议,阿里将认购总金额为8. 281 亿港元的易居股份,增持后,阿里将持有易居大约8.32%的股份。

  • AI框架哪家强?华为发起MindSpore网络模型挑战赛 奖金260万

    “无AI,不未来”,值此数字经济蓬勃发展、智能经济加速涌现之际,各行各业已经意识到没有AI的产品或服务,很难赢得未来。拥抱智能经济的第一步,便是AI应用开发,充分“吃透”海量数据与强大算力的红利。 而“无AI框架,不AI开发”,AI应用开发首要选对AI计算框架,去降低环境部署、测试迭代、训练部署等从应用开发到推出的一系列繁杂步骤所带来的巨大难度,节省时间与精力,加速产品上市。 正因如此,AI计算框架成全球科技巨头“

  • LPL忍界大战落幕,iG战胜TES,阿水被疯狂针对!

    7月26日晚上,LPL夏季赛迎来了一场关键的对阵,对阵的双方分别是IG和TES两队,在赛前官方为这场比赛预热,被宣传为“LPL忍界大战”,比赛的过程也没有让大家失望,其激烈程度甚至堪比一场季后赛级别,最终IG以2:0战胜TES拿到比赛胜利。

  • 特斯拉开放Model S和Model X老款车型付费升级信息娱乐系统

    今日,特斯拉宣布开放付费升级信息娱乐系统,适用车型为 2018 年 3 月之前生产的Model S和Model X。升级服务的价格为 25550 元,如不再配置FM收音机,可享受折扣价格 21500 元。

  • DeFi 总锁仓金额突破36亿美元, OKEx赋能DeFi大盘点

    据DappBirds DeFi Data专题数据显示,DeFi总锁仓金额突破36亿美元,DeFi中锁定资产总价值达36.71亿美元,较昨日上涨8.77%,其中Maker,Compound,Aave,Synthetix,Curve分别以6.44亿美元,5.71亿美元,4.78亿美元,4.37亿美元,2.88亿美元位列前五名。DeFi作为数字资产行业内的借贷平台,近期以来始终受到业内以及投资者的热烈关注,其项目的市场价值连日来也快速增长。不少投资者都将投资目光落在其项目上。DeFi是去中心化金融(d

  • DeFi总锁仓金额突破36亿美元, OKEx赋能DeFi大盘点

    据DappBirds DeFi Data专题数据显示,DeFi总锁仓金额突破36亿美元,DeFi中锁定资产总价值达36.71亿美元,较昨日上涨8.77%,其中Maker,Compound,Aave,Synthetix,Curve分别以6.44亿美元,5.71亿美元,4.78亿美元,4.37亿美元,2.88亿美元位列前五名。DeFi作为数字资产行业内的借贷平台,近期以来始终受到业内以及投资者的热烈关注,其项目的市场价值连日来也快速增长。不少投资者都将投资目光落在其项目上。DeFi是去中心化金融(

  • DeFi中锁定资产总价值达40.34亿美元,OKEx为何钟情DeFi?

    2020年币圈热点四起,DeFi无疑是最闪耀的一个。自从今年6月中旬COMP代币上线引爆币圈以来,越来越多的DeFi项目如雨后春笋般相继崛起。据金色财经消息,DeBank数据显示,7月29日DeFi中锁定资产总价值达40.34亿美元,Maker以10.1亿美元排在首位、Synthetix锁定资产总价值为7.75亿美元、Compound锁定资产总价值5.34亿美元。*注:总锁仓量(TVL)是衡量一个DeFi项目使用规模时最重要的指标,通过计算所有锁定在该项目智能合约中的ETH及

  • Win10资源管理器、Defender、沙盒等齐遇BUG:微软正修复

    按照Intel的建议,电脑系统升级间隔越久越好,这样才能获得比较明显的性能改进体验。不过,对于Win10来说,由于其出BUG的频率过高,所以用户也不得不接受频繁打补丁了。日前,微软确认Windo

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天