React 導覽列與選單元件

導覽列、麵包屑、分頁、側欄選單、Dock、錨點目錄。導航元件的成敗在鍵盤操作與當前狀態是否明確,不在動畫。

共 17 個,其中 12 個免費、不需登入即可安裝。

  • Dock免費

    macOS 風格放大 dock 導航

  • 靈動島式膠囊導航,狀態 morph 展開

  • 圖示→展開文字的分頁導航

  • 液態黏滯展開選單

  • 滾動收縮/隱藏/變寬的導航列

  • 大型下拉選單,高度自適應 morph

  • 全螢幕覆蓋選單(Nike 風格階梯揭示)

  • ⌘K 命令面板,模糊搜尋 + 分組動畫(生態標配,免費搶用戶)

  • Pill Nav免費

    作用中項目滑動高亮的極簡藥丸導航

  • 浮動圓形泡泡逐一展開的選單

  • 層級切換時項目滑入滑出、當前層放大的動態麵包屑

  • 中心按鈕展開環繞排列的放射狀選單,依序彈出

  • 指示條如液體般拉伸跟隨的頁籤,內容方向感切換

  • 按鈕觸發的下拉選單:群組、分隔線、子選單、核取與單選項、快捷鍵標示,高亮列滑動、鍵盤與首字跳轉完整支援。

  • 當前頁底塊在頁碼間滑動的分頁器:省略號可點開中間頁碼並錯開淡入,另有只顯示「3 / 12」且數字滾動的精簡變體。

  • 桌面應用式頂部選單列:開啟一個選單後 hover 相鄰項即直接切換,面板滑動到新位置而非關開,方向鍵完整巡覽。

  • 手機底部的玻璃質感分頁列:圖示掛載時依序彈出、選取底塊滑動、選中項標籤展開,可選中央凸起主按鈕與徽章數字。