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

举报

  • 相关推荐
  • 如何用海绵音乐创作一首AI流行音乐?

    海绵音乐是一款AI辅助音乐创作工具,无需专业基础即可创作流行音乐。教程介绍四个步骤:1.注册登录官网;2.选择"灵感创作"并输入提示词(如"分手失落的流行歌曲");3.AI自动生成三首歌曲,可试听并查看歌词;4.确认作品后可直接分享或保存本地。该工具适合音乐爱好者快速创作,支持智能编曲和旋律生成功能。官网地址:https://www.haimian.com/

  • 余承东:开源鸿蒙代码规模超1.3亿行 软硬件产品数量超1200款

    今日,华为开发者大会(HDC2025)在广东东莞松山湖盛大举行。华为常务董事、终端BG董事长余承东以“共建共享鸿蒙新世界”为主题发表演讲,介绍了开源鸿蒙的最新发展情况。 余承东指出,开源鸿蒙代码规模已超过1.3亿行,社区贡献者接近9000位,软硬件产品数量超1200款,三方发行版达到69款。开源鸿蒙已广泛覆盖政务、交通、金融、电力、水利、建筑等多个行业领域,成�

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

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

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

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

  • 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英寸的超大屏幕,是目前全球屏幕面积最大的折叠屏手机,为用户带来了震撼的视觉体验。 为了解决三折叠屏的可靠性问题,华为首创了天工铰链系统。这一创新技术使得超薄柔性内屏能够实现双轨联动的内外同时弯折,大大提升了手机的耐用性和稳定性,让用户�

  • 动态域名解析全攻略:从原理到实用方法详解

    本文介绍了动态域名解析(DDNS)技术及其应用。DDNS通过将动态变化的公网IP地址与固定域名绑定,解决了远程访问动态IP设备的难题。文章详细解析了三种实用方法:1)使用专业DDNS服务商;2)利用路由器内置功能;3)安装专用软件如花生壳。重点推荐了花生壳软件,其支持多系统、智能DNS解析和端口映射等功能,拥有1800万用户。使用DDNS需注意选择可靠服务商、正确配置记录、定期检查更新等事项。动态域名解析技术极大便利了远程访问需求,而花生壳凭借强大功能成为理想选择。

  • 主流AI多模态大模型有哪些?超全的多模态大模型指南分享

    2024年多模态大模型成为AI领域最具前景的技术方向之一。文章全面分析了主流多模态大模型的特点、应用场景和发展趋势。多模态大模型能同时处理文本、图像、音频、视频等多种数据,实现更智能的人机交互。重点介绍了GPT-4V、Claude3.5、Gemini、通义千问等代表性模型,对比了它们在视觉理解、编程能力、中文处理等方面的优势。应用场景涵盖智能客服、内容创作、教育医疗等领域。未来发展趋势包括模型规模扩大、支持更多模态、实时交互能力提升等。选择模型需考虑应用需求、语言支持、性能成本等因素。

  • 华为MatePad Pro 13.2英寸柔光版发布:6299元

    今天下午,华为带来了MatePad Pro 13.2英寸柔光版飞天青配色,售价是6299元(12GB 512GB)。 据悉,MatePad Pro 13.2英寸柔光版采用柔性OLED云晰柔光屏,解决了传统柔光屏抗眩不清晰的问题,重构平板看、写、触三重体验,比前代拥有更舒适、更清晰、更好用的屏幕读写体验。 不论是灯下学习或是户外阅读,传统平板屏幕的反光眩光现象会干扰画面观看效果,且容易引发观看不适、�