Component Gallery

UI辞書 引用・共有用サマリー

Component Galleryを外部資料、社内共有、AIへの参照プロンプトで使いやすい形にまとめた静的資料です。印刷やPDF保存にも向くよう、主要情報を1ページに集約しています。

Component Galleryとは

Component Galleryは、UIコンポーネント、画面パターン、デザインシステム比較、実装レシピ、AIプロンプトを日本語で横断できるUI辞書です。 部品名から探すだけでなく、作りたい画面や用途から構成コンポーネントへ逆引きできることを重視しています。

コンポーネント
52件
画面パターン
15件
デザインシステム
4件

主要コンポーネント

ボタンButtonテキスト入力InputモーダルModalトーストToastテーブルTableナビゲーションNavigationパンくずリストBreadcrumbバッジBadgeツールチップTooltipアコーディオンAccordion選択ボックスSelectチェックボックスCheckboxスピナーSpinnerページネーションPaginationラジオボタンRadio Button日付選択Date Picker

画面から逆引きする

ログイン画面Login Screen設定画面Settings Screenオンボーディング画面Onboarding Screenダッシュボード画面Dashboard Screen検索結果画面Search Results Screenプロフィール画面Profile Screen通知画面Notification Screenチャット画面Chat Screen

参照するデザインシステム

Apple Human Interface Guidelines

Appleプラットフォーム向けの体験設計、操作、アクセシビリティ、コンポーネント指針をまとめた公式ガイドライン。

Material Design

Googleが提供するデザインシステム。Material 3では色、形、状態、モーションを含む体系的なUI指針を提供する。

Fluent UI

Microsoft製品群で使われるデザインシステム。業務アプリ、管理画面、情報密度の高いUIの参考になる。

shadcn/ui

Radix UIとTailwind CSSを活用したReact向けコンポーネント集。コードを所有しながらUIを組み立てやすい。

引用時の推奨表記

Component Gallery 編集部「UI辞書 引用・共有用サマリー」Component Gallery、最終更新日 2026-07-16。 参照時は該当ページのURL、最終更新日、参照確認日を併記してください。