本文へ移動

カテゴリ

UI のかたちで 25 に分けました。可視化、フォーム、認証、モーション。似た見た目の機能が同じ棚に並びます。

  1. §01可視化・データ表現草チャート / contribution heatmap / カレンダーヒートマップ / スキルマップ / レーダーチャート / タイムラインData Visualization30 件
  2. §02オンボーディングウェルカムモーダル / プロダクトツアー / チェックリスト / クエスト / アカウント完成度ゲージOnboarding9 件
  3. §03AI 統合AI サイドバー / コパイロット panel / インライン AI suggestion / "Ask anything" 検索 / 要約ボタンAI16 件
  4. §04認証・アカウントPasskey / WebAuthn / ソーシャルログイン / Magic link / OTP (SMS/email)Auth13 件
  5. §05検索・ナビゲーションCommand palette (Cmd+K) / インスタント検索 / typeahead / ファセット検索 / グローバル検索 + jumpSearch & Navigation15 件
  6. §06コラボレーションリアルタイムカーソル / Presence avatar 集 / インラインコメント / リアクション絵文字Collaboration14 件
  7. §07通知・アクティビティIn-app notification center / バッジカウンタ / トースト / snackbar / バナー alertNotifications13 件
  8. §08コンテンツ閲覧無限スクロール / ページネーション / Virtual list (windowing) / Masonry グリッドContent13 件
  9. §09入力・フォームマルチステップ wizard / Autosave (status 表示) / Inline validation / Autocomplete (タグ/型)Forms27 件
  10. §10レイアウト・配置Dashboard widget grid (drag-resize) / Kanban board / カレンダー (week/month/day) / Timeline / gantt viewLayout13 件
  11. §11信頼形成・ソーシャルプルーフTestimonial カード / ロゴウォール / 数字 hero ("10,000+ users") / レビュースコア (★)Trust12 件
  12. §12エンゲージメント・ゲーミフィケーションStreak (連続) / 達成 / アチーブメント / レベル / XP / リーダーボードEngagement12 件
  13. §13パーソナライズダーク / ライト切替 (system 追従可) / 言語切替 (i18n) / レイアウト密度 (comfortable/compact) / フォント / 文字サイズ調整Personalization10 件
  14. §14課金・商取引Pricing table (toggle 月/年) / カート / Checkout (Stripe Elements 等) / サブスク管理 (upgrade/cancel)Commerce13 件
  15. §15パフォーマンス feedbackSkeleton loader / Shimmer / Spinner / Progress bar (定量)Perceived Performance12 件
  16. §16モーション・体感Scroll-driven animation / Parallax / View Transitions API / FLIP animationMotion16 件
  17. §17モバイル特有Bottom sheet / Pull to refresh / Swipe action (リスト) / Floating action button (FAB)Mobile12 件
  18. §18アクセシビリティSkip to content link / Visible focus ring / キーボードショートカット一覧 (?) / ARIA live regionAccessibility10 件
  19. §19マップ・地理マップ + マーカー (Mapbox/MapLibre) / マーカークラスタリング / ヒートマップ overlay / ルート表示 (polyline)Maps11 件
  20. §20メディア（音声・動画）動画プレイヤー (custom controls) / Picture-in-Picture / チャプターマーカー / サムネイル preview on hoverMedia13 件
  21. §21コミュニティ・SNSフォロー / アンフォロー / 相互フォロー mark / DM / グループチャネルSocial14 件
  22. §22セキュリティ・プライバシーアクティブセッション一覧 / sign out all / ログイン履歴 / 不審アクセス通知 / データ export (GDPR/個情法) / アカウント削除フロー (確認多段)Security13 件
  23. §23ヘルプ・サポートヘルプ widget (右下バブル) / FAQ アコーディオン / 検索可能ナレッジベース / Live chatHelp & Support10 件
  24. §24開発者向け公開機能API key 管理 (生成/失効) / OAuth app 管理 / Webhook 設定 + テスト送信 / Webhook ログ / 再配信Developer12 件
  25. §25メタ表示・ステータス環境バッジ (staging/dev) / バージョン表示 (footer) / ビルド情報モーダル / 接続状態 indicatorMeta8 件