MATERIAL-UI

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

私たちのスポンサーからの言葉:Bitsrc — The fastest way to share code

インストール

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 の継続的な開発や保守は、以下の寛大なスポンサーにより可能になりました:

ダイヤモンド 💎

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

ゴールド 🏆

もっとあります！

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

Praise for Material-UI

Here's what some of our users are saying.

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.

Andréa

@azza_314

Started using @MaterialUI for #ReactJS & I'm ridiculously impressed. They put a ton of work into their documentation and their library is incredibly user friendly. Was able to add a sidebar, header, & modal quickly!

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を使ってみませんか？

ご連絡ください！