MUI componentsのダウンロード - MUI componentsソースコードのダウンロード

MUI components

その他のソースコード

1.0.0

ダウンロード

MUI コンポーネント

React マテリアル UI を使用して UI 要素をスタイル設定するためのガイダンス

反応テンプレート

各レイアウトのセクションは、コメントまたは個別のファイルの使用によって明確に定義されているため、ページの一部 (「ヒーローユニット」やフッターなど) を抽出して他のページで再利用することが簡単になります。マルチパートの例については、リンクされたソースコードの場所にある README 内の表に、各ファイルの目的が説明されています。

デフォルトのブレークポイント

各ブレークポイント (キー) は固定画面幅 (値) と一致します。

xs 、極小: 0px
sm 、小: 600px
md 、中: 900px
lg 、大: 1200px
XL 、特大: 1536px

 cd /d G: O thers r eact v ite-project
 npm run dev
 http://localhost:5173/

ショーケース

マテリアル UI を使用したこれらの公開アプリをチェックして、次のプロジェクトのインスピレーションを得てください。

テーマ設定

ここでは、テーマのカスタマイズとブラウザーでのテーマの変更に役立つユーティリティを紹介します。

マテリアル UI テーマの作成 - マテリアルデザインカラーツールを使用して MUI テーマを作成するためのオンラインツール。
マテリアル UI テーマジェネレーター - マテリアル UI テーマ/パレットジェネレーター。
マテリアル UI テーマエディター - 色を選択してライブプレビューするだけで、MUI アプリのテーマを生成するツールです。

コンポーネント

マテリアル UI デザインで構築された UI コンポーネントのリスト。

マテリアル UI パスワードフィールド - マテリアル UI を使用するパスワードフィールド。
フルスクリーンダイアログ - マテリアル UI のフルスクリーンダイアログ。
マテリアル UI のアップロード - FileAPI を使用して、マテリアル UI で作成されたコントロールをアップロードします。
スーパー選択フィールド - マテリアル UI の複数選択オートコンプリートドロップダウンコンポーネント。
マテリアル JSON スキーマフォーム - json から生成されたマテリアル UI フォーム。
Notistack - マテリアル UI 用の簡単なスナックバー (そのため、開いたり閉じたりする状態を扱う必要がありません)。
マテリアル UI ドロップゾーン - 反応ドロップゾーンの上に構築されたマテリアル UI コンポーネント。
Formik-マテリアル-UI - formik でマテリアル UI を使用するためのバインディング。
Redux-Form-マテリアル-UI - Redux Form でのマテリアル UI の使用を容易にするラッパーコンポーネント。
Final-Form-マテリアル-UI - Final Form でのマテリアル UI の使用を容易にするラッパーコンポーネント。
マテリアル UI 自動回転カルーセル - マテリアルスタイルのカルーセル。
マテリアル UI イメージ - 読み込みアニメーション付きのマテリアルスタイルイメージ。
マテリアル UI フラットページネーション - マテリアル UI のフラットデザインページネーションコンポーネント。
Dx-react-scheduler-material-UI - マテリアル UI のスケジューラー/カレンダーコンポーネント。
Dx-react-chart-Material-UI - 棒、線、面、散布図、円などのさまざまなシリーズタイプを使用してデータを視覚化するマテリアル UI 用のチャート。
マテリアル UI ミディアムブログ - ミディアムブログを表示するための拡張マテリアル UI カードコンポーネント。
React Github Repo Cards - GitHub リポジトリを表示する拡張マテリアル UI カードコンポーネント。
分子コンポーネントの反応 - マテリアル UI に基づいた分子コンポーネントの反応。
Material-UI NestedMenuItem - 無限にネストされたメニューを備えた MUI の MenuItem のドロップイン置換であり、ホバー時に開きます。
React-planet - 惑星のように見える円形のメニューを作成します。