Libx Awesomeリスト

    このページの内容

    Awesome Material-UI

    Material-UIを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    リソース

    Material-UI Designの公式プロジェクトとリソース。

    • Material-UI - より速く容易なウェブ開発のためのReactコンポーネント。独自のデザインシステムを構築するか、Material Designから始めましょう。

    記事

    ツール

    Material-UI Designを使用するアプリ構築に役立つツールとユーティリティ。

    テーマ設定

    テーマをカスタマイズし、ブラウザー内で変更できるユーティリティ。

    • Create Material-UI Theme - Material Design Color Toolを通じてMaterial-UIテーマを作成するオンラインツール。
    • Material-UI Theme Generator - Material-UIテーマ／パレットジェネレーター。
    • Material-UI Theme Editor - 色を選択するだけでライブプレビュー付きのMaterial-UIアプリケーションテーマを生成するツール。

    関連プロジェクト

    Material-UI Designファミリーのプロジェクト。

    • material-ui-theme-editor - ライブプレビュー機能を備え、Material UIアプリケーションのテーマを生成するツール。
    • Material palette generator - 公式Material Designパレットジェネレーター。選択した任意の色のパレットを生成できます。
    • Components Extra - Footer、CookiesBanner、BackToTopボタンなど、Material-UI上に構築された「molecule」コンポーネント群を提供します。高度にカスタマイズ可能な複雑要素により、開発者はUIのマクロ部分を非常に速く構築できます。こうしたコンポーネントはサイト間で重複しがちですが、このライブラリがその問題を解決します。
    • React Admin - ES6、React、Material Designを使用し、REST／GraphQL APIの上でブラウザーで動く管理アプリケーションを構築するフロントエンドフレームワーク。
    • Material UI Snippets - スニペットを提供するVSCode拡張機能。
    • Material UI Codemorphs - codemodを提供するVSCode拡張機能。
    • Eslint: detect unused classes - @mui/stylesを使う未使用スタイルクラスを検出するESLintプラグイン。

    コンポーネント

    Material-UI Designで構築されたUIコンポーネントのリスト。

    アプリケーション

    Material-UI Designで構築された成熟したアプリのリスト。

    • Bethesda.net - Fallout、DOOM、Dishonored、Skyrim、Wolfenstein、The Elder Scrollsなどの販売元Bethesdaの公式サイト。
    • TagSpaces - オフラインで使えるオープンソースのファイルマネージャー。
    • Builder Book - フルスタックの本番対応ウェブアプリの構築方法を教える書籍。
    • NPM registry browser - npmレジストリを検索し、パッケージ詳細を閲覧できるオープンソースウェブアプリ。
    • Serverless Permission Policy Generator - Serverlessスタックをデプロイするために必要なAWS IAM権限を生成するオンラインアプリケーション。

    ボイラープレート

    Material-UI Designで構築されたスタータープロジェクトとボイラープレートのリスト。

    貢献

    あなたの貢献はいつでも歓迎します！ここをクリックしてガイドラインを読む。