使い方
サンプルをダウンロードするか、リポジトリをクローンします

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2  material-ui-master/examples/material-ui-nextjs-ts
cd material-ui-nextjs-ts

npmをインストールして実行します:

npm install
npm run dev

これでサンプルプロジェクトが動作できるようになりました

mui.com

9+ Free React Templates - Material UI

https://mui.com/material-ui/getting-started/templates/

Browse our collection of free React templates to get started building your app with Material UI, including a React dashboard, React landing page, and more.

いくつかあるテンプレートからランディングページを選んだ。

１、ファイルをプロジェクトまたはサンプルプロジェクトの1つにコピーします。

２、プロジェクトに必要な依存関係があることを確認してください: @mui/material、@mui/icons-material、@emotion/styled、@emotion/react。

npm list @mui/material @mui/icons-material @emotion/styled @emotion/react

３、compornentsをインポートして使用します。

参考ページ

HY-CREATIVE（ハイクリエイティブ）｜ホームページ制作・東京

2024.07.31

GitHubから特定のフォルダを直接ダウンロードする方法

https://www.hy-creative.com/note/4598

Gitリポジトリ全体をクローンし、必要なフォルダをコピー１、リポジトリ全体をクローンGitHubリポジトリ全体をクローンします。ディレクトリは cd で移動しておきます。git clone https://github.com/mui/material-ui.git２、必要なフォルダをコピークローンしたリポジトリから必要なフォルダだけを自分のプロジェクトにコピーします。cp -r material-ui/docs/data/material/getting-started/templates/landing-page/components /path/to/your/project/３、不要なファイルの削除クローンしたリポジトリ全体が不要であれば、削除します...

プロジェクトのルートディレクトリで、以下のコマンドを実行して依存関係を確認します。

npm list @mui/material @mui/icons-material @emotion/styled @emotion/react

インストールされてなければ、インストールする

npm install @mui/material @mui/icons-material @emotion/styled @emotion/react

デモはこちら

mui.com

MUI: A popular React UI framework

https://mui.com/material-ui/getting-started/templates/landing-page/

MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.