UI/UX ATLAS — 120 patterns
UI・グラフ・地図の実装仕様。
全パターン
- ボタン / Button
- カード / Card
- タブ / Tabs
- モーダル / Modal Dialog
- トースト / Toast
- アコーディオン / Accordion
- パンくずリスト / Breadcrumbs
- サイドバー / Sidebar
- ヘッダーナビ / Header Navigation
- ボトムナビ / Bottom Navigation
- ステッパー / Stepper
- ページネーション / Pagination
- テキストフィールド / Text Field
- テキストエリア / Text Area
- セレクト / Select
- チェックボックス / Checkbox
- ラジオボタン / Radio Button
- トグルスイッチ / Toggle Switch
- スライダー / Slider
- 日付入力 / Date Picker
- ファイルアップロード / File Upload
- 検索入力 / Search Field
- ツールチップ / Tooltip
- バッジ / Badge
- アバター / Avatar
- データテーブル / Data Table
- リスト / List
- タイムライン / Timeline
- 空の状態 / Empty State
- スケルトン / Skeleton Screen
- スピナー / Loading Spinner
- プログレスバー / Progress Bar
- アラート / Alert
- 確認ダイアログ / Confirmation Dialog
- インラインエラー / Inline Validation
- 折れ線グラフ / Line Chart
- 棒グラフ / Bar Chart
- ドーナツグラフ / Donut Chart
- KPIカード / KPI Card
- スパークライン / Sparkline
- ヒートマップ / Heatmap
- ソート / Sortable Table
- グリッド / Grid Layout
- スプリットビュー / Split View
- ヒーロー / Hero Section
- フッター / Footer
- 区切り線 / Divider
- ドロワー / Drawer
- フィルターチップ / Filter Chips
- コマンドパレット / Command Palette
- オートコンプリート / Autocomplete
- ドロップダウンメニュー / Dropdown Menu
- セグメントコントロール / Segmented Control
- カルーセル / Carousel
- 無限スクロール / Load More / Infinite Scroll
- スティッキーヘッダー / Sticky Header
- ボトムシート / Bottom Sheet
- FAB / Floating Action Button
- スワイプ操作 / Swipe Action
- プルトゥリフレッシュ / Pull to Refresh
- トグル可能なパスワード / Password Visibility
- コピー操作 / Copy to Clipboard
- 評価入力 / Rating
- 価格表 / Pricing Table
- オンボーディング / Onboarding
- 面グラフ / Area Chart
- 積み上げ面グラフ / Stacked Area
- グループ棒グラフ / Grouped Bars
- 積み上げ棒グラフ / Stacked Bars
- 100%積み上げ棒 / 100% Stacked Bars
- 横棒グラフ / Horizontal Bars
- 散布図 / Scatter Plot
- バブルチャート / Bubble Chart
- ヒストグラム / Histogram
- 箱ひげ図 / Box Plot
- バイオリンプロット / Violin Plot
- レーダーチャート / Radar Chart
- ゲージ / Gauge
- ブレットチャート / Bullet Chart
- ウォーターフォール / Waterfall
- ファネル / Funnel Chart
- ツリーマップ / Treemap
- サンバースト / Sunburst
- サンキー図 / Sankey Diagram
- ローソク足 / Candlestick
- レンジバンド / Range Band
- スロープグラフ / Slope Graph
- ダンベルチャート / Dumbbell Chart
- ロリポップ / Lollipop Chart
- ポーラーエリア / Polar Area
- 日本地図・色分け / Japan Choropleth
- 日本地図・バブル / Japan Bubble Map
- 日本地図・ドット / Japan Dot Map
- 都道府県タイル / Prefecture Tile Map
- ルートマップ / Route Map
- ロケーションマップ / Location Map
- ヘックスマップ / Hexbin Map
- フロアマップ / Floor Plan
- カレンダーヒートマップ / Calendar Heatmap
- コホート表 / Cohort Table
- 相関行列 / Correlation Matrix
- ワッフルチャート / Waffle Chart
- ピクトグラム / Pictogram
- 円形プログレス / Radial Progress
- 目標トラッカー / Goal Tracker
- ビッグナンバー / Big Number
- 比較カード / Comparison Cards
- ランキングバー / Ranked Bars
- リーダーボード / Leaderboard
- マーケットティッカー / Market Ticker
- 数字カウンター / Number Counter
- テーブル内バー / In-cell Bars
- カンバン / Kanban Board
- ガントチャート / Gantt Chart
- ロードマップ / Roadmap
- ツリーダイアグラム / Tree Diagram
- ネットワーク図 / Network Graph
- フローチャート / Flowchart
- ベン図 / Venn Diagram
- 四象限マトリクス / Quadrant Matrix