跳转到内容
Ctrl+K

MATERIAL-UI

React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统,或者从 Material Design 开始。

快速上手
获取专业客服
来自我们的赞助商的一个简短概括:DoiT - Management Platform for Google Cloud and AWS

安装

您可以通过 npm 安装 Material-UI 的源码。我们会负责引入样式。
$ npm install @material-ui/core@next @emotion/react @emotion/styled
或者您也可以使用 CDN。
加载默认的 Roboto 字体。
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

阅读安装文档

使用

Material-UI 组件无需任何额外的设置即可使用,并且不会影响全局变量。
import * as React from 'react';
import { Button } from '@material-ui/core';

function App() {
  return <Button>Hello World</Button>;
}

探索文档

高级版主题

试一试我们的商城中的高级主题吧——它们均以 Material-UI 为基础,它们可以让你的项目更上一层楼。

浏览主题

Material-UI 的赞助商

这些赞助商的慷慨相助使 Material-UI 的持续开发和维护成为可能:

钻石级 💎

octopus doit-intl

2/3 个位置可用

黄金级 🏆

tidelift bitsrc

elevator

call-em-all canadacasino

还有更多的赞助商!

请查看 我们赞助者 的完整列表,来了解您如何参与到 Material-UI 的未来发展。


谁在使用 Material-UI 呢?

Join these and other great organizations!

NASAWalmart LabsCapgeminiUniqloBethesdaJ.P. MorganShutterstockNetflixCourseraAmazonUnity

您在使用 Material-UI 吗?