依分類整理的 UI 設計庫
瀏覽依實用分類整理的網頁與行動版介面參考，包括登陸頁面、儀表板、表單、主視覺、導覽、圖表、表格與常見問題集。
連結實作的 UI 靈感
Kombai Gallery 是免費的精選網頁與行動版 UI 設計庫，適用於設計師、開發者、創辦人及 AI 編碼代理。它結合依分類探索、搜尋與即時預覽，涵蓋完整介面，以及頁面、區段、元件、動畫和設計系統。
此 Gallery 用於連結靈感與實作。使用者可以找到相關參考設計、預覽內容，並將其作為 Kombai 或其他編碼代理的脈絡。部分精選網頁集合也會介紹可重新混搭的版面，以及使用 React、Next.js 和 Tailwind CSS 等技術堆疊打造、可用於正式環境的程式碼範例。
主要功能
搜尋與即時預覽
搜尋 Gallery，並開啟個別範例的即時預覽，以檢視完整介面、頁面、區段與元件。
適用於代理的參考設計
將選定的設計作為 Kombai 或其他 AI 編碼代理的視覺脈絡。複製參考設計時，Gallery 會提供預先填入內容的提示詞。
可重新混搭的版面
分類頁面會介紹可重新混搭的範本，讓版面與元件依產品需求調整，而不是原封不動地複製。
以程式碼為導向的範本
登陸頁面、儀表板與表單集合說明，範本包含以 React、Next.js 和 Tailwind CSS 等現代技術堆疊打造、可用於正式環境的程式碼。
人類與代理皆可使用
Gallery 同時提供人類建構者與 AI 代理使用，支援在實作前進行視覺探索。
人們如何使用 Kombai Gallery
規劃登陸頁面
在為新行銷網站選定方向前，檢視登陸頁面結構、主視覺區段、功能網格與以轉換為導向的版面。
探索儀表板模式
比較分析總覽、管理後台、CRM 管線與財務追蹤器，找出能讓複雜資訊更容易瀏覽的儀表板結構。
改善網頁表單
在設計入門、註冊、結帳或其他需要大量輸入的體驗時，研究欄位配置、表單流程與資料輸入模式作為參考。
為代理提供視覺脈絡
使用 Gallery 複製的提示詞作為起點，提供編碼代理具體的視覺參考，而不只是以文字描述介面。
篩選前端方向
在實作前的產品或前端探索初期，使用即時預覽與可重新混搭的版面比較不同介面方向。
Pros and Cons
Pros
- 免費存取廣泛的網頁與行動版 UI 參考設計庫。
- 實用的分類結構讓使用者更容易找到特定畫面與模式。
- 即時預覽與適用於代理的提示詞，將視覺研究與編碼工作流程連結起來。
- 部分精選集合包含可重新混搭的版面，以及使用 React、Next.js 和 Tailwind CSS 的程式碼導向範本。
- 人類產品建構者與 AI 編碼代理皆可使用。
Cons
- 現有證據未說明 Gallery 中每個項目是否都採用單一標準化的輸出格式。
- Gallery 提供探索與實作脈絡，但所提供的來源未記錄詳細的端到端工作流程與整合界線。
FAQ
Kombai Gallery 可以免費使用嗎？
Kombai Gallery 可免費瀏覽與使用，提供精選的網頁與行動版 UI 範例、即時預覽，以及可搭配 Kombai 或其他 AI 編碼代理使用的參考設計。
如何尋找特定的介面或 UI 模式？
可依平台與分類瀏覽或搜尋。網頁分類包括登陸頁面、儀表板、表單、主視覺、導覽列、頁尾、圖表、設定、表格，以及許多其他 UI 模式。
我可以將 Gallery 參考設計與其他 AI 編碼代理搭配使用嗎？
可以。Gallery 說明這些參考設計可搭配 Kombai、Claude Code、Codex、Cursor 或其他編碼代理使用。複製參考設計時，會提供預先填入內容的提示詞，方便貼到代理的聊天框中。
我可以如何使用選定的範本？
個別範本會提供即時預覽，分類頁面則說明使用者可以重新混搭版面與元件並匯出程式碼。登陸頁面、儀表板與表單頁面指出，範本使用 React、Next.js 和 Tailwind CSS 等技術堆疊，並包含可用於正式環境的程式碼。
Kombai Gallery 適合哪些人？
此 Gallery 適用於設計師、開發者、創辦人與 AI 代理。設計師可以研究視覺與 UX 參考，而開發者及產品建構者則可將範例作為介面設計的起點。
Quick Facts
- 產品類型
- 網頁與行動版 UI 靈感設計庫
- 存取方式
- 可免費瀏覽與使用
- 網頁目錄
- Gallery 頁面顯示 13,555 個網頁設計
- 範例分類
- 登陸頁面、儀表板、表單、主視覺、導覽列、圖表、表格與常見問題集
- 主要使用者
- 設計師、開發者、創辦人與 AI 編碼代理
- 網站
- kombai.com
Kombai Gallery 替代品
Refero MCP
Refero MCP 連接相容 MCP 的 AI agent 與 Refero 精選的網頁與 iOS 產品介面、使用流程庫，協助在生成 UI 前先研究真實設計模式；此功能包含於 Refero Pro 方案。
Wowable
Wowable 是一款 AI 網站建立工具，可將 Google Maps 名單、社群檔案、截圖與其他公開商家資訊快速轉成可預覽、可編輯並可發布的網站，另有免費預覽方案與付費自訂網域及成長功能。
Pixso
Pixso 是一款新一代的 AI 原生 UI 設計工具，允許用戶一鍵生成設計草稿和代碼，是 Figma 的國內替代品。
Fronty
Fronty 是一款 AI 網頁應用程式，可將截圖與圖片檔轉成 HTML 與 CSS，並提供無代碼編輯器與主機服務，方便微調後發布。
Appllama
Appllama 是專為高營收 iOS App 打造的網頁版 UI/UX 靈感庫，可瀏覽畫面、流程、付費牆與 App 成效數據；提供付費方案以解鎖完整內容與團隊協作。
Quarkdown
Quarkdown 是一款開源、以 Markdown 為基礎的排版系統，適合撰寫論文、簡報、知識庫與靜態網站，支援命令列流程、即時預覽、HTML 輸出與 PDF 匯出。