0

Material Kit

适用于 Bootstrap 4、React、Vue.js、React Native 和 Sketch 的免费和开源 UI 套件，基于 Google 的 Material Design。「Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design」

Official Site
Github repo
Main metrics

Github stars Tracking Chart

Material Kit（材料套件）

Material Kit 是一个免费的 Bootstrap 4 UI 套件，其灵感来自 Google 的材料设计（material design），具有新颖的设计。您需要它，所以我们建造了它。很高兴向您介绍一套易于使用和漂亮的组件集的材料概念。连同 Bootstrap 元素的重新样式化，您将找到三个完全编码的示例页面，以帮助您设计下一个项目。

Material Kit 利用了光、表面和运动。它使用了深思熟虑的颜色选择、边缘到边缘的图像和大规模的排版。总体布局类似于纸张的多层，因此深度和顺序都很明显。导航主要停留在左侧，而动作则停留在右侧。

这个新设计的元素是研究墨水和纸张以及物体和材料在现实生活中相互作用的结果。结果是一组漂亮且一致的元素，可以让你开始你的下一个项目。如果你想为你的 Android 应用程序创建一个 web 展示，并且需要保持一致，留下视觉上相似元素的印象，那么 Material Kit 是一个很好的工具。它本身也是一个很棒的资源，看起来很漂亮，可以帮助你构建网页。

Material Kit 是基于 Fezvrasta 的 Github Repo，他在创建材质效果、动画和过渡方面做得很出色。非常感谢他的团队前瞻性的努力。

版本

快速开始

文档

材料套件的文档位于我们的网站上。

文件结构

在下载中，您将找到以下目录和文件： 

material-kit/
├── CHANGELOG.md
├── LICENSE.md
├── README.md
├── assets
│   ├── assets-for-demo
│   ├── css
│   │   ├── material-kit.css
│   │   ├── material-kit.css.map
│   │   └── material-kit.min.css
│   ├── img
│   ├── js
│   │   ├── bootstrap-material-design.js
│   │   ├── bootstrap-material-design.min.js
│   │   ├── core
│   │   │   ├── jquery.min.js
│   │   │   └── popper.min.js
│   │   ├── material-kit.js
│   │   ├── material-kit.min.js
│   │   └── plugins
│   │       ├── bootstrap-datetimepicker.min.js
│   │       ├── jasny-bootstrap.min.js
│   │       ├── moment.min.js
│   │       └── nouislider.min.js
│   └── scss
│       ├── bootstrap
│       ├── core
│       ├── material-kit.scss
│       └── plugins
├── bower.json
├── docs
│   └── documentation.html
├── examples
│   ├── landing-page.html
│   ├── profile-page.html
│   └── signup-page.html
└── index.html

浏览器支持

目前，我们正式旨在支持以下浏览器的最后两个版本：

资源

许可

有用的链接

Overview

Name With Ownercreativetimofficial/material-kit
Primary LanguageHTML
Program languageCSS (Language Count: 4)
PlatformLinux, Mac, Web browsers, Windows
License:MIT License
Release Count9
Last Release Namev3.0.3 (Posted on )
First Release Namev1.0 (Posted on )
Created At2016-03-15 01:07:43
Pushed At2023-05-07 12:46:01
Last Commit At2023-05-07 15:46:01
Stargazers Count5.9k
Watchers Count111
Fork Count1.3k
Commits Count90
Has Issues Enabled
Issues Count183
Issue Open Count19
Pull Requests Count26
Pull Requests Open Count3
Pull Requests Close Count5
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

Material Kit Tweet

version license GitHub issues open GitHub issues closed Join the chat at https://gitter.im/NIT-dgp/General Chat

Product Gif

Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project.

Material Kit makes use of light, surface, and movement. It uses a deliberate color choice, edge-to-edge imagery, and large scale typography. The general layout resembles sheets of paper following multiple different layers so that the depth and order are obvious. The navigation stays mainly on the left and the actions on the right.

This new design has elements that have been the result of research regarding ink and paper and the way objects and materials interact in real life. The result is a beautiful and consistent set of elements that can get you started with your next project. Material Kit is a great tool if you are looking to create a web presence for your Android application and need to be consistent, leaving the impression of visually similar elements. It is also a great resource in its own right, looking gorgeous and helping you build your web pages.

Material Kit is based on the Github Repo from Fezvrasta who did an amazing job creating the backbone for the material effects, animations, and transitions. Big thanks to his team for their forward-thinking efforts.

Table of Contents

Versions

To the top