🚀 後端近期已完成升級。
icon of Horizon UI

Horizon UI

現代化開源管理後台模板與 UI 框架,基於 Chakra UI 與 React,專為快速打造時尚網頁應用而設計。

社群:

Horizon UI preview

產品概覽

Horizon UI 是什麼?

Horizon UI 是一套先進的開源框架,結合 Chakra UI 與 React,提供開發者完整的 UI 元件、預建頁面與設計區塊,協助快速高效地打造響應式且美觀的儀表板及網頁應用。支援現代前端技術(如 NextJS、Tailwind CSS、Shadcn UI),並提供免費與 PRO 版本。PRO 版本擁有 400+ 可自訂前端元素與 46+ 完整頁面,涵蓋 NFT 市場、認證流程等熱門應用。Horizon UI 亦內含 Figma 設計系統,讓設計到開發流程無縫接軌。


主要功能

  • 豐富的元件庫

    超過 400 種前端元素,如按鈕、輸入框、導覽列、卡片、提示訊息等,皆可透過 JSS 與 class 變化自訂。

  • 預建完整頁面

    超過 46 個現成可用頁面,包括儀表板、NFT 市場頁、用戶個人檔案與認證頁,協助您快速開發。

  • 現代技術棧支援

    基於 Chakra UI 與 React 開發,並相容 NextJS、Tailwind CSS、Shadcn UI,確保彈性與高效能。

  • 深色模式與 RTL 支援

    內建深色主題與從右至左語言支援,提升無障礙與使用體驗。

  • 開源並有社群支援

    核心版本免費(MIT 授權),並有活躍社群於 GitHub 與 Discord 參與議題追蹤與協作。

  • Figma 設計整合

    提供 Figma 設計檔案,讓 UI 設計到開發的流程更加順暢。


使用案例

  • 儀表板開發 : 運用現成元件與佈局,快速打造響應式且現代化的管理後台。
  • NFT 市場平台 : 運用專為 NFT 平台打造的預建頁面與元件。
  • 用戶認證系統 : 使用預設設計的登入、註冊與個人檔案頁,輕鬆實作安全美觀的認證流程。
  • 企業級網頁應用 : 透過可自訂的 UI 元件與完整頁面範本,打造專業商務應用。
  • 設計到開發流程 : 結合 Figma,讓設計交接與專案迭代更順暢。

常見問題

Horizon UI 網站分析

流量與排名
32.64K
月訪問量
00:00:27
平均訪問時長
#1409
類別排名
0.41%
用戶跳出率
流量趨勢:Mar 2026 - May 2026
Horizon UI 的熱門地區
  1. 🇫🇷 FR: 14.13%

  2. 🇮🇩 ID: 13.03%

  3. 🇮🇳 IN: 7.17%

  4. 🇧🇷 BR: 6.22%

  5. 🇹🇭 TH: 5.06%

  6. Others: 54.39%