UI部品名鑑

「このボタンみたいなやつ、なんて言うの？」
UIコンポーネント23種の名前・説明・よくあるバグをまとめたリファレンス。
QA・デザイナー・エンジニアの「あれなんだっけ」を解消。

🔍 名鑑を見る

登録不要・無料・ブラウザで開くだけ

↓

😕

こんな場面、ありませんか？「このドロップダウンみたいなやつ、正式名称なんだっけ…」

🤔

バグ起票のとき、仕様書を書くとき、デザインレビューのとき。
「このUI部品の名前がわからない」で手が止まる。
ググっても「それっぽい名前」がなかなかヒットしない。

✨

名前と「よくあるバグ」がセットでわかる！ 部品の正式名称・説明に加えて、その部品でありがちなバグまで収録。
テストの観点出しにもそのまま使えます。

✨ できること

📖

23種のUI部品を収録

ボタン・モーダル・トースト・スライダーなど、よく出てくる部品を網羅。
日本語名・英語名・説明がセットで確認できます。

🖼️ SVGイラスト付き

⚡

よくあるバグも一緒に確認

各部品に「現場でよく見るバグ」を4〜5件ずつ掲載。
テスト観点の出しにそのまま使えます。

🐛 テスト観点に活用

🔗

上部ナビでサッと飛べる

画面上部のアイコンナビから目的の部品にワンクリックでジャンプ。
スクロールに合わせてナビがハイライトされます。

🧭 スクロール連動

📋 収録している部品

🔘 ボタン ✏️ テキストフィールド ☑️ チェックボックス 🔵 ラジオボタン 🔀 トグルスイッチ ▼ セレクトボックス 🪟 モーダル 💬 ツールチップ 📑 タブ 📂 アコーディオン 🎚 スライダー 📊 プログレスバー 🏷 バッジ・タグ 🔔 トースト通知 🍞 パンくずリスト 🃏 カード 📄 ページネーション ☰ ハンバーガーメニュー ⬜ スケルトン ⏳ スピナー 🔍 検索バー ◀ ドロワー 🎠 カルーセル