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';

function App() {
  return <Button 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のスポンサー

Material-UI の継続的な開発や保守は、以下の寛大なスポンサーにより可能になりました:

ダイヤモンド 💎

3 枠中 3 枠が参加可能です

ゴールド 🏆

もっとあります！

全スポンサーのリストをご覧になり、どのように Material-UI の未来に貢献できるかを知りましょう。

Praise for Material-UI

Here's what some of our users are saying.

Samantha Durrant

@SamDurrant_

Began coding out the front end of my app today. Used MaterialUI for the first time and love how easy it is to make things look nice. It’s also really cool to see all the hard work building out the backend of my app come to life in the front end!

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.

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

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

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

ご連絡ください！