{"id":49572830,"url":"https://github.com/lighfu/unity-md3sdk","last_synced_at":"2026-05-03T15:36:02.825Z","repository":{"id":348679394,"uuid":"1198637340","full_name":"lighfu/unity-md3sdk","owner":"lighfu","description":"Material Design 3 UI Toolkit components for Unity Editor","archived":false,"fork":false,"pushed_at":"2026-04-15T16:58:40.000Z","size":211,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-15T18:31:53.561Z","etag":null,"topics":["material-design","material-design-3","ui-toolkit","unity","unity-editor","vrchat"],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lighfu.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-01T15:59:46.000Z","updated_at":"2026-04-15T16:58:44.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/lighfu/unity-md3sdk","commit_stats":null,"previous_names":["lighfu/unity-md3sdk"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/lighfu/unity-md3sdk","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lighfu%2Funity-md3sdk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lighfu%2Funity-md3sdk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lighfu%2Funity-md3sdk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lighfu%2Funity-md3sdk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lighfu","download_url":"https://codeload.github.com/lighfu/unity-md3sdk/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lighfu%2Funity-md3sdk/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32575113,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["material-design","material-design-3","ui-toolkit","unity","unity-editor","vrchat"],"created_at":"2026-05-03T15:36:00.819Z","updated_at":"2026-05-03T15:36:02.816Z","avatar_url":"https://github.com/lighfu.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MD3 SDK\n\n[![Unity 2022.3+](https://img.shields.io/badge/Unity-2022.3%2B-blue)](https://unity.com/)\n[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE)\n\nUnity Editor 向け Material Design 3 UI Toolkit コンポーネントライブラリ。\n70 以上のコンポーネント、HCT カラーシステム、ダーク/ライトテーマ、アニメーション、アイコン、多言語対応を提供します。\n\n\u003c!-- スクリーンショット: MD3 SDK Sample Window のキャプチャをここに配置 --\u003e\n\u003c!-- ![MD3 SDK Sample](docs/screenshot.png) --\u003e\n\n## インストール\n\n### VPM (ALCOM / VCC) - 推奨\n\n1. 以下の VPM リポジトリ URL を ALCOM または VCC に追加:\n   ```\n   https://lighfu.github.io/vpm/index.json\n   ```\n2. パッケージ一覧から「MD3 SDK」をインストール\n\n### Git URL\n\nUnity Package Manager で「Add package from git URL」を選択:\n```\nhttps://github.com/lighfu/unity-md3sdk.git\n```\n\n### 手動インストール\n\nこのリポジトリをダウンロードし、Unity プロジェクトの `Packages/` フォルダ内に配置してください。\n\n## Quick Start\n\n```csharp\nusing AjisaiFlow.MD3SDK.Editor;\nusing UnityEditor;\nusing UnityEngine.UIElements;\n\npublic class MyWindow : EditorWindow\n{\n    [MenuItem(\"Window/My MD3 Window\")]\n    static void Open() =\u003e GetWindow\u003cMyWindow\u003e(\"My Window\");\n\n    void CreateGUI()\n    {\n        // テーマ適用 (Dark/Light 自動判定)\n        var theme = MD3Theme.Auto();\n        rootVisualElement.styleSheets.Add(MD3Theme.LoadThemeStyleSheet());\n        rootVisualElement.styleSheets.Add(MD3Theme.LoadComponentsStyleSheet());\n        theme.ApplyTo(rootVisualElement);\n\n        // レイアウト\n        var column = new MD3Column { style = { paddingTop = 16, paddingLeft = 16, paddingRight = 16 } };\n        rootVisualElement.Add(column);\n\n        // ボタン\n        var button = new MD3Button(\"Click Me\", MD3ButtonStyle.Filled);\n        button.clicked += () =\u003e UnityEngine.Debug.Log(\"Clicked!\");\n        column.Add(button);\n\n        // テキストフィールド\n        var textField = new MD3TextField(\"Name\", MD3TextFieldStyle.Outlined);\n        column.Add(textField);\n\n        // スイッチ\n        var sw = new MD3Switch(\"Enable Feature\");\n        column.Add(sw);\n    }\n}\n```\n\n## コンポーネント一覧\n\n### Actions\n| コンポーネント | 説明 |\n|---|---|\n| `MD3Button` | Filled / Tonal / Outlined / Text スタイル、アイコン・ローディング対応 |\n| `MD3IconButton` | アイコンのみのボタン |\n| `MD3Fab` | Floating Action Button |\n| `MD3SplitButton` | メインアクション + ドロップダウンの分割ボタン |\n| `MD3SegmentedButton` | セグメント選択ボタン |\n\n### Inputs\n| コンポーネント | 説明 |\n|---|---|\n| `MD3TextField` | Outlined / Filled / Plain テキスト入力 |\n| `MD3NumberField` | 数値入力 |\n| `MD3SearchBar` | 検索バー |\n| `MD3Dropdown` | ドロップダウンメニュー |\n| `MD3DatePicker` | 日付選択 |\n| `MD3Slider` | スライダー |\n\n### Selection\n| コンポーネント | 説明 |\n|---|---|\n| `MD3Checkbox` | チェックボックス |\n| `MD3Radio` | ラジオボタン |\n| `MD3Switch` | トグルスイッチ |\n| `MD3Chip` | フィルタ / 選択チップ |\n\n### Display\n| コンポーネント | 説明 |\n|---|---|\n| `MD3Text` | テーマ対応テキスト |\n| `MD3Icon` | Material Symbols アイコン (4,200+) |\n| `MD3Badge` | バッジ |\n| `MD3Tag` | タグ |\n| `MD3Avatar` | アバター |\n| `MD3ShapedAvatar` | 任意形状クリッピング + 回転アニメーション付きアバター (15 プリセット) |\n| `MD3Thumbnail` | サムネイル |\n| `MD3Image` / `MD3ImageCard` | 画像表示 |\n| `MD3Card` | カード |\n| `MD3ListItem` | リストアイテム |\n| `MD3DataTable` / `MD3Table` | データテーブル |\n| `MD3VirtualList` | 大量データ向け仮想スクロールリスト |\n\n### Navigation\n| コンポーネント | 説明 |\n|---|---|\n| `MD3Tab` | タブ |\n| `MD3NavBarItem` | ナビゲーションバー |\n| `MD3NavRailItem` | ナビゲーションレール |\n| `MD3NavDrawerItem` | ナビゲーションドロワー |\n| `MD3MenuItem` | メニューアイテム |\n| `MD3Toolbar` / `MD3TopAppBar` | ツールバー / トップアプリバー |\n\n### Feedback\n| コンポーネント | 説明 |\n|---|---|\n| `MD3Dialog` / `MD3DialogRadio` | ダイアログ |\n| `MD3FullScreenDialog` | フルスクリーンダイアログ |\n| `MD3BottomSheet` / `MD3SideSheet` | シート |\n| `MD3ContextMenu` | コンテキストメニュー |\n| `MD3Snackbar` / `MD3Banner` | 通知 |\n| `MD3Tooltip` | ツールチップ |\n| `MD3EmptyState` | 空状態表示 |\n\n### Progress\n| コンポーネント | 説明 |\n|---|---|\n| `MD3CircularProgress` | 円形プログレス |\n| `MD3LinearProgress` | 線形プログレス |\n| `MD3Loading` | ローディングインジケーター (11 種) |\n| `MD3Spinner` | スピナー |\n| `MD3Skeleton` | スケルトンローダー |\n| `MD3SuccessCheck` | 成功チェックアニメーション |\n| `MD3Stepper` | ステッパー |\n\n### Layout\n| コンポーネント | 説明 |\n|---|---|\n| `MD3Column` / `MD3Row` | Flexbox レイアウト |\n| `MD3Grid` | グリッドレイアウト |\n| `MD3Stack` / `MD3Center` | スタック / センタリング |\n| `MD3ScrollColumn` | スクロール付きカラム |\n| `MD3SplitPane` | 分割パネル |\n| `MD3Layout` / `MD3Constrained` | レイアウトヘルパー |\n| `MD3Spacer` / `MD3Spacing` | スペーシング |\n| `MD3Divider` / `MD3SectionLabel` | 区切り線 / セクションラベル |\n| `MD3Foldout` | 折りたたみ |\n\n### Theme \u0026 Animation\n| コンポーネント | 説明 |\n|---|---|\n| `MD3Theme` | ダーク / ライト / カスタムテーマ管理 |\n| `MD3Palette` / `MD3HCT` | HCT カラーシステム + シードカラーからの自動パレット生成 |\n| `MD3Elevation` | エレベーション (影) |\n| `MD3Ripple` | リップルエフェクト |\n| `MD3Transition` | トランジション |\n| `MD3Animate` | アニメーションシステム (14 種 Easing, Spring, Keyframe, Tween Builder) |\n\n### System\n| コンポーネント | 説明 |\n|---|---|\n| `MD3FontManager` | フォント自動ダウンロード・管理 |\n| `MD3L10n` | 多言語対応 (日/英/韓/中) |\n\n## テーマ\n\n### ダーク / ライトテーマ\n\n`MD3Theme.Auto()` は Unity Editor のテーマ設定を検出し、自動でダーク/ライトを選択します。明示的に指定する場合:\n\n```csharp\nvar dark = MD3Theme.Dark();\nvar light = MD3Theme.Light();\n```\n\n### シードカラーからのテーマ生成\n\n1 色から 25 色のテーマパレットを自動生成:\n\n```csharp\nvar theme = MD3Theme.FromSeedColor(new Color(0.4f, 0.2f, 0.8f));\ntheme.ApplyTo(rootVisualElement);\n```\n\n## フォント\n\n初回使用時に以下のフォントが自動ダウンロードされます:\n- **Material Symbols Outlined** (アイコン)\n- **Noto Sans CJK** (日本語/韓国語/中国語)\n- **Noto Emoji** (絵文字 - モノクロ)\n\nフォントは `Fonts/` ディレクトリにキャッシュされます。設定は `Window \u003e 紫陽花広場 \u003e MD3 SDK Settings` から変更できます。\n\n## 動作環境\n\n- Unity 2022.3 以上\n- Editor only (UI Toolkit)\n- 外部パッケージ依存なし\n\n## ライセンス\n\n[MIT License](LICENSE)\n\n---\n\n# English\n\n## Overview\n\nMD3 SDK is a Material Design 3 UI Toolkit component library for Unity Editor. It provides 70+ components, HCT color system, dark/light theming, animations, icons, and multi-language support.\n\n## Installation\n\n### VPM (ALCOM / VCC) - Recommended\n\n1. Add the following VPM repository URL to ALCOM or VCC:\n   ```\n   https://lighfu.github.io/vpm/index.json\n   ```\n2. Install \"MD3 SDK\" from the package list\n\n### Git URL\n\nIn Unity Package Manager, select \"Add package from git URL\":\n```\nhttps://github.com/lighfu/unity-md3sdk.git\n```\n\n## Quick Start\n\n```csharp\nusing AjisaiFlow.MD3SDK.Editor;\nusing UnityEditor;\nusing UnityEngine.UIElements;\n\npublic class MyWindow : EditorWindow\n{\n    [MenuItem(\"Window/My MD3 Window\")]\n    static void Open() =\u003e GetWindow\u003cMyWindow\u003e(\"My Window\");\n\n    void CreateGUI()\n    {\n        var theme = MD3Theme.Auto();\n        rootVisualElement.styleSheets.Add(MD3Theme.LoadThemeStyleSheet());\n        rootVisualElement.styleSheets.Add(MD3Theme.LoadComponentsStyleSheet());\n        theme.ApplyTo(rootVisualElement);\n\n        var column = new MD3Column { style = { paddingTop = 16, paddingLeft = 16, paddingRight = 16 } };\n        rootVisualElement.Add(column);\n\n        column.Add(new MD3Button(\"Click Me\", MD3ButtonStyle.Filled));\n        column.Add(new MD3TextField(\"Name\", MD3TextFieldStyle.Outlined));\n        column.Add(new MD3Switch(\"Enable Feature\"));\n    }\n}\n```\n\n## Theming\n\n- `MD3Theme.Auto()` - Automatically detects Unity Editor dark/light mode\n- `MD3Theme.Dark()` / `MD3Theme.Light()` - Explicit theme selection\n- `MD3Theme.FromSeedColor(color)` - Generate a 25-color palette from a single seed color\n\n## Fonts\n\nFonts are automatically downloaded on first use:\n- **Material Symbols Outlined** (icons)\n- **Noto Sans CJK** (Japanese / Korean / Chinese)\n- **Noto Emoji** (monochrome)\n\nFonts are cached in the `Fonts/` directory. Configure via `Window \u003e 紫陽花広場 \u003e MD3 SDK Settings`.\n\n## Requirements\n\n- Unity 2022.3+\n- Editor only (UI Toolkit)\n- No external package dependencies\n\n## License\n\n[MIT License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flighfu%2Funity-md3sdk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flighfu%2Funity-md3sdk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flighfu%2Funity-md3sdk/lists"}