UIコンポーネント名称カタログ

見た目は思い浮かぶのに、名前が出てこない画面の部品を集めました。同じ役目の部品でも、Web・iOS・Windows で名前が違ったり、標準の部品がなかったりします。ナビのボタンでプラットフォームを選ぶと、全部のカードの名前・見本・依頼文がまとめて切り替わります。カードの中のボタンで、そのカードだけ切り替えることもできます。「依頼文をコピー」で、部品名と使うAPI、見本の内容と動きを書いた依頼文がコピーされるので、そのままAIに渡せます。

WWeb — 部品ライブラリでの呼び方と HTML・ARIAiiOS — SwiftUI と Apple のガイドラインの名前⊞Windows — WinUI 3 の部品名

OVERLAY · 今の画面に重ねて出す

重ねて出す 01–09

確認、選択肢、補足の説明など、今の画面を離れずに一時的に重ねて出す部品です。

FEEDBACK · 状態や結果を知らせる

知らせる 10–15

保存できた、読み込み中、件数がある、何もない、といった状態を伝える部品です。

INPUT · 値を決める・選ぶ

入力・選択 16–24

オン・オフ、数、日付、選択肢など、値を入れたり選んだりする部品です。見本の多くは実際に操作できます。

NAVIGATION · 画面を移る・操作を並べる

移動・操作 25–33

画面の行き来や、よく使う操作の置き場になる部品です。プラットフォームごとの違いが特に大きいグループです。

COLLECTION · 並べて見せる

一覧・まとまり 34–39

項目を並べたり、開閉したり、横に送ったりして見せる部品です。