WebサイトやアプリのUIを設計していると、「この機能のUIはどんな形が使いやすいのだろう？」と悩むことがあります。また、デザインや仕様を考えているときに「あのパーツ、なんて名前だったっけ？」とモヤっとすることもありますよね。そんなときに参考になるのが、UIコンポーネントの事例をまとめたサイト Component Gallery（https://component.gallery/） です。

Component Galleryは、UIコンポーネントの実例を集めたリファレンスサイトです。ボタン、モーダル、アコーディオン、タブ、フォームなど、Webサイトやアプリでよく使われるUIパーツがカテゴリごとに整理されており、UIデザインの参考サイトとしてとても便利です。

このサイトの特徴は、複数のデザインシステムのUIコンポーネントを横断的に比較できる点です。同じ「ボタン」や「ナビゲーション」でも、サービスによってデザインや使い方は微妙に異なります。さまざまな事例を見ることで、UIコンポーネント設計のアイデアを得ることができます。

サイト自体は英語ですが、コンポーネントがカテゴリごとに整理されているため、直感的に目的のパーツを探すことができます。言語に頼らず操作できる点も、優れたUI設計の一例といえるかもしれません。

UIデザインに迷ったときや、「あのUIパーツの名前なんだっけ？」と思ったときに、UIコンポーネントの参考サイトとして一度チェックしてみてはいかがでしょうか！