ENG
  • KOR
  • ENG
  • JPN

material-ui

Material-UIはGoogleのマテリアルデザインを実装するReactコンポーネントを提供するライブラリです。これにより、開発者は一貫したデザイン言語を使用してユーザーインターフェイスを迅速に構築できます。

Latest Ver 4.12.4
Homepage
Github
0
95,466
📢 React用のマテリアルデザインコンポーネントライブラリ

CDNダウンロード

License: MIT
すべてのバージョンを見る
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/Accordion/Accordion.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/Accordion/Accordion.min.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/Accordion/AccordionContext.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/Accordion/AccordionContext.min.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/Accordion/index.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/Accordion/index.min.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/AccordionActions/AccordionActions.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/AccordionActions/AccordionActions.min.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/AccordionActions/index.js
https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/AccordionActions/index.min.js

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。 
⚙️ JavaScript
import React from 'react';
import Button from '@material-ui/core/Button';

function App() {
  return (
    <Button color='primary'>Hello World</Button>
  );
}

export default App;

Related Libraries

⚡ Top Tools for Developers
Text Compare

テキスト比較

2つのテキストの違いを一目で確認できます。

Favicon Generator

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsum Generator

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

Character Counter

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

Text Extract(OCR)

画像テキスト抽出

画像内のテキストを自動で抽出します。