首页 > 佳作 > 关键词  > 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 的用户,那么你就用它吧。

举报

  • 相关推荐
  • 小米汽车回应YU7长车头:兼顾美学与实用

    近日,小米汽车通过第171集“答网友问”栏目,正式回应了消费者关于纯电车型小米YU7采用长车头设计的疑问。官方表示,这一设计既是对百年汽车美学传统的致敬,也是基于实用性与安全性的深度考量。 从美学层面来看,小米YU7的长车头设计延续了经典汽车的比例美学,通过修长的车头线条塑造出流线型车身姿态,既展现出运动感又与小米SU7形成家族化设计语言呼应。设计

  • AI时代的营销答卷:淘宝天下摘得TopDigital桂冠

    淘宝天下凭借AI技术在营销领域的创新实践,在第十三届TopDigital创新营销盛典上斩获两项大奖。其获奖案例《淘宝蛇年"一起上春晚"云参演证互动传播》通过AIGC技术生成个性化"云参演证",结合明星联动和裂变式传播策略,实现超45亿曝光量,累计生成1.18亿张参演证,重塑了传统春节文化互动模式。同时,与神州租车合作的小米SU7 Ultra上新营销案例,通过头部KOL传播和社交化内容裂变,达成2.36亿+曝光量,获"社会化营销"铜奖。淘宝天下已布局AI驱动的全链路营销解决方案"淘天智家平台",支持从创意生成到多媒介内容生产的全流程,持续推动数字营销创新。

  • DC新宇宙开篇之作 电影《超人》今日上映 IGN打8分

    今日,DC新宇宙开篇之作《超人》在中国内地上映。 DC电影官微发布上映宣传图,超人和喷火巨兽及神秘对手正面对决,鹰女惊喜亮相。 据了解,IGN为本片给出8分好评,称《超人》是一部充满娱乐性、感人至深的电影,为钢铁之躯带来了一次出色的重启,也为DC宇宙的电影重启迈出了坚实的第一步。 《超人》由漫威电影《银河护卫队》三部曲的导演詹姆斯古恩执导、编剧、�

  • SIGMOD评审团评价:源于真实业务的突破!腾讯云TDSQL研究成果入选国际顶会

    腾讯云数据库TDSQL团队在ACM SIGMOD 2025发表论文,提出创新性"热点数据"高并发解决方案。该技术通过动态识别热点数据并采用"组锁模式"优化处理,在腾讯金融支付等业务中实现交易性能提升30%,热点场景TPS提升近10倍。性能测试显示其处理速度超业界先进方案6.5-22倍,获评"真实业务驱动研究的典范"。这是TDSQL今年继VLDB、ICDE后第三次入选国际顶级会议,其核心专利此前刚获中国专利金奖。

  • “Finch们”主攻解压月入百万,95后团队却逆流押注心理成长“冷门”象限?

    AI 心理健康,大概是当前最为火热的创业方向之一,有估值超亿级美元的创企、也有大量中小团队涌入。打开小红书,键入相关关键词,能看到的应用不下数十款,「Nephola」是它们中间的一个。 「Nephola」有着颇具识别度的紫色主题 UI,定位是“心理成长对话类 AI”,整合了 AI 聊天、自我探索问答、情绪日记、冥想练习与轻游戏等多个功能。但初次使用时,我们感受到的更多

  • A日报:B站升级动漫视频生成模型AniSora V3;字节开源4D视频生成框架EX-4D;DeepSWE开源AI Agent系统强势登顶

    AI日报栏目汇总了近期AI领域的重要进展:1)字节跳动开源EX-4D框架,可将单目视频转换为多视角4D视频;2)B站开源动漫视频生成模型AniSora V3,支持多种风格;3)DeepSWE+开源基于Qwen3-32B的AI Agent系统;4)字节开源3亿参数图像编辑模型VINCIE-3B;5)Stability AI推出移动端音频生成模型Stable Audio Open Small;6)谷歌发布免费教育AI工具套件Gemini for Education;7)Topview推出革命性AI数字人带货技术Avatar

  • 用AI解锁技术公益,第五届Light创造营圆满收官

    第五届Light创造营圆满收官,19支团队从847个申报项目中脱颖而出。经过激烈角逐,11个优秀项目入围并获得资助,覆盖无障碍服务、非遗传承、儿童教育、乡村振兴、环保等多元领域。本届创造营特别关注AI技术应用,多个项目聚焦解决残障群体生活难题,如AR字幕手语眼镜帮助听障人士实现双向沟通,面部控制系统让手部障碍者操作数字设备。此外,AI还被应用于青少年心理健康干预、景区无障碍评分等场景。腾讯基金会持续支持AI技术在公益领域的创新应用,五年来已孵化上百个具有社会价值的项目,影响范围不断扩大。

  • 华为Mate XT三折叠官方首次降价:17999元起 全系优惠2000

    华为Mate XT于2024年9月正式发布,一经问世便备受瞩目。作为全球首款量产的三折叠屏旗舰手机,它展开后拥有10.2英寸的超大屏幕,是目前全球屏幕面积最大的折叠屏手机,为用户带来了震撼的视觉体验。 为了解决三折叠屏的可靠性问题,华为首创了天工铰链系统。这一创新技术使得超薄柔性内屏能够实现双轨联动的内外同时弯折,大大提升了手机的耐用性和稳定性,让用户�

  • 甲亢哥欧洲行用中文对粉丝喊冷静:网友发现其还在用华为手机

    ​近日,美国知名网红“甲亢哥”@ishowspeedsui 开启了他的欧洲之旅,首站便来到了风景如画的克罗地亚。在直播过程中,“甲亢哥”不仅频频与当地热情的粉丝互动,还别出心裁地用中文喊出“冷静、冷静”,引得现场笑声连连。不仅如此,他还时不时向镜头展示自己手中的华为三折叠手机,成为直播中的一大亮点。 在克罗地亚的一家餐厅里,“甲亢哥”意外偶遇了一位来自

  • TCL科技半导体显示业务上半年净利润预计超46亿元,同比增长超70%!

    TCL科技发布2025年半年度业绩预告:预计上半年营收826-906亿元,同比增长3%-13%;归母净利润18-20亿元,同比大增81%-101%。半导体显示业务表现亮眼,预计净利润超46亿元,同比增长超70%。大尺寸显示领域受益于高端化、大尺寸化趋势,产品价格稳定;中尺寸领域T9产能爬坡顺利,IT产品销量和收入大幅增长;小尺寸OLED业务高端化战略成效显著。公司已完成对华星光电部分股权的收购,进一步巩固竞争优势。未来将持续优化业务布局,提升盈利水平。