7个最好的Google Material Web开发免费框架(css和javascript)

演示| Github

Bootstrap的Material Design是Bootstrap 3的主题, 可让你在自己喜欢的前端框架中使用新的Google Material Design。

由于它使用引导程序, 并且如果你是材料设计的新手, 那么此框架非常适合你。

演示版

MUI是一个轻量级CSS框架, 遵循Google的Material Design指南。它从一开始就被设计为快速, 小型且对开发人员友好。该项目的目标是提供一组基本的组件和帮助程序方法, 开发人员可以使用它们来构建快速且用户友好的网站。 MUI通过关注以下功能(我们认为最重要)来将自己与其他CSS / JS框架区分开来：

• CSS命名空间将框架和应用程序标记分开
• 有效载荷尺寸小
• 没有外部依赖

Github

一个基于Google物料设计的CSS框架, 尽管在官方网站上说”开发中”, 但该框架几乎可以很好地实现官方规格中列出的所有可用物料组件。你可以下载所有网页, 并亲自查看Leaf的工作方式。

Github

Material Framework是Tim Nguyen制作的简单的响应式CSS框架, 可让你将Material Design集成到任何网页或Web应用程序中。

提供了许多组件, 你可以在官方网页上看到它们, 还提供了深色ui。

演示|下载

Material Design Lite使你可以向网站添加Material Design外观。它不依赖任何JavaScript框架, 旨在针对跨设备使用进行优化, 可以在较旧的浏览器中正常降级, 并且由于其易于初始化而提供了可立即访问的体验。MDL组件是使用CSS, JavaScript和HTML。你可以使用这些组件来构建具有吸引力, 一致性和功能性的网页和Web应用程序。

演示版

Materializecss是基于Material Design的现代响应式前端框架。该框架具有精美的动画和过渡效果, 可为用户和开发人员提供更流畅的体验。

物化有两种不同的形式。你可以根据自己的喜好和专业知识选择所需的版本(如果你不知道要做什么, 请阅读文档)。要开始使用Materialize, 你要做的就是下载编译的版本或下载存储库并手动构建它。

Github |演示版

引导程序的材质提供300多种材质UI元素, 1000多种材质图标, 74个CSS动画, 助手, 模板, SASS文件等。所有框架都具有完全响应性, 并且与不同的浏览器兼容, 它包含引导程序框架和Bootstrap的Material Design的最佳功能。唯一的缺点是, 你需要在官方网站上注册才能免费获得该框架的副本, 否则你需要付费。 (欢迎你查看示例的源代码, 并只获取免费版本的css和js文件, 欢迎你！)。

有很多有用的小部件, 它们确实非常易于使用和实现。

如果你还有另一个很棒的材质设计CSS框架, 请​​在评论框中与我们分享。