AjQueryVanilla JavaScript支持的材料设计前端开发框架（UI组件库），用于构建现代网站。

请注意，Material.js v3已经删除了对jQuery的依赖。但是，您仍然可以在这里下载jQuery版本。

包括的UI组件：

• 警报
• 应用程序条
• 横幅
• 底部应用程序条
• 面包屑
• 按钮组
• 按钮
• 卡
• 复选框
• 炸薯条
• 容器
• 对话框
• 抽屉
• 高程
• 浮动动作按钮
• 网格
• 列表
• 菜单
• 进步
• 单选按钮
• 波纹效应
• 选择菜单
• 滑块
• 小吃店
• 交换机
• 桌子
• 选项卡
• 文本字段
• 时间选择器
• 工具提示
• 印刷术
• 公用事业

如何使用它:

1.在文档中加载所需的材质图标和Roboto字体。

<!-- Roboto Font -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:[email protected];300;400;500;700;900&display=swap" rel="stylesheet">
<!-- Material Icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Required For v2 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2.下载并加载文档中的Material.js框架。编码快乐！

<link href="/dist/css/material.min.css" rel="stylesheet" />
<script src="/dist/js/material.min.js"></script>

预览：

更新日志：

2022-01-13

• 添加了时间选择器

2022-01-03

• v3.0.1:CSS更新

2021-12-30

• v3:删除了jQuery依赖项

2021-09-10

• 更新_dark-mode.scss

2021-09-09

• 警告警报颜色

2021-09-08

• 添加底部appbar组件

2021-08-26

• 更新buttons.scs（_B）

预览截图

材料设计框架 Material.js