MATERIAL-UI

ウェブ開発をより高速かつ簡単なものにするReactコンポーネントです。あなたのデザインシステムを構築するかMaterial Designで始めましょう。

私たちのスポンサーからの言葉:Call-Em-All - The easy way to message your group

インストール

npmからMaterial-UIのソースファイルをインストールします。必要なCSSを導入することを忘れないでください。

  $ npm install @material-ui/core

または、CDNを使用します。

デフォルトのRobotoフォントを読み込みます。

  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

インストールに関して

使い方

Material-UIコンポーネントは追加の設定なしで機能し、グローバルスコープを汚染しません。

  import React from 'react';
  import Button from '@material-ui/core/Button';

  const App = () => (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );

ドキュメントを探索する

プレミアムテーマ

Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.

テーマを見る

Material-UI's sponsors

The continued development and maintenance of Material-UI is made possible by these generous sponsors:

Diamond 💎

3/3 slots available

Gold 🏆

もっとあります！

See the full list of our sponsors, and learn how you can contribute to the future of Material-UI.

Praise for Material-UI

Here's what some of our users are saying.

Aumit Leon

@aumitleon

Material-UI continues to blow my mind how easily I can put together really aesthetic and functional components and minimize overhead.

Derek Shanks

@fragileglass

It’s a game changer with how nicely it works with React. It’s made working with React so much more enjoyable. Everything is configurable and predictable. Bootstrap was killing me. It was hijacking my whole project.

Mohamed EL AYADI

@MohamedELAYAD19

Such a great library. I have used Material-UI for the last two years as the main react ui library in my projects (in more than 4 companies!) and I find that it's really great! A lot of good work and dedication are put in there. Salute to the team!

誰がMaterial-UIを利用してますか？

この素晴らしい団体に参加しましょう！

Material-UIを使ってみませんか？

ご連絡ください！