Next Shadcn Admin Dashboard
Next Shadcn Admin Dashboard 是一個基於 Next.js、shadcn/ui 與 Tailwind CSS 打造的開源後台管理模板。本文介紹其技術架構、UI 設計與功能特色，帶你了解如何快速建立 SaaS 或 Web 應用的管理後台介面。
TOOL LIBRARY TYPE
UI
瀏覽「UI」類型中收錄的實用工具與資源。
UI Colors Generate
每次手動調色都超耗時？UI Colors Generate 是專為前端與設計師打造的 Tailwind CSS 調色盤生成神器！輸入單一主色，一秒自動產出完整色階與即時 UI 預覽。完美相容開發環境，無縫複製到設定檔。告別憑感覺配色的痛點，立即體驗最高效的設計系統建置工具！
Wall of Portfolios
正在苦惱如何設計個人作品集？Wall of Portfolios 是專為 UI/UX 設計師與工程師打造的頂尖作品集靈感庫！嚴選全球真實上線的創意網站，從便當盒排版、極簡主義到 3D 沉浸式互動一應俱全。別再看靜態圖，立即探索這座大師級名人堂，讓你的求職門面與個人品牌瞬間升級！
如何用 AI Vibe 一個優秀的設計，以下 7 個步驟提供給你參考
網頁總是有滿滿的「AI 模板味」？透過這篇 AI UI 設計指南教你 7 招實戰技巧！從 Excalidraw 草圖定調、截圖視覺參考，到建立專屬的 Design System 與替換預設字體。別再下空泛指令，立即掌握正確 Prompt 溝通法，打造大師級的高級感介面！
Design Spells
產品功能都對，卻少了點讓人心動的靈魂？Design Spells 是專為 UX/UI 設計師與前端工程師打造的「微互動」動態圖鑑！嚴選全球頂尖數位產品的驚喜彩蛋，從貼心反饋、絲滑轉場到趣味載入動畫一應俱全。立即探索這些提升使用者體驗的「設計魔咒」，讓你的介面瞬間充滿高級魔法感！
Navbar Gallery
網頁選單太單調？Navbar Gallery 是專為 UI/UX 設計師打造的導覽列靈感聖殿！收錄全球頂尖真實網站案例，從 Mega Menu、動態側邊欄到沉浸式全螢幕選單一應俱全。幫你突破排版與互動瓶頸，立即探索這座零廣告的實戰寶庫，讓網站門面與易用性瞬間升級！
60fps
App 介面總是缺乏高級感？60fps 是專為 UI/UX 設計師打造的頂尖動效靈感庫！嚴選真實世界的高品質 App 互動，從流暢轉場、手勢操作到細膩微互動，完美呈現 60 幀的極致流暢度。別再看無法開發的飛炫動畫，立即探索這座實戰寶庫，讓你的數位產品體驗瞬間升級！
SaaSpo
開發 SaaS 產品缺乏靈感？SaaSpo 是專為 PM 與設計師打造的網頁圖鑑！嚴選全球頂尖 SaaS 的定價頁、功能頁與關於我們，透過高解析長圖與精細分類，助你直接對標國際大廠的 UX 轉化邏輯。別再盲目設計，立即參考這本實戰聖經，讓產品視覺與轉化率同步升級！
json-render
json-render 是 Vercel Labs 的開源實驗專案，用 JSON 描述 UI 結構並動態渲染畫面，適合後台系統、設定頁與 Backend-driven UI 開發場景。
ccg-workflow
ccg-workflow 是開源多模型協作開發流程，結合 Claude Code 編排、Codex 後端與 Gemini 前端，讓 AI 分工寫程式並保留工程師主控權。
Misaki Studio
Misaki Studio 是新世代 Design-to-Code 平台，結合視覺設計與動畫，直接匯出 React、Next.js 等前端程式碼，加速設計到上線流程。
服務已終止
工具介紹
UI 與 UX 是什麼？一次搞懂差異、流程與設計職責
在網站或 App 開發領域中，UI 與 UX 是兩個經常一起被提到的概念，但許多人仍將兩者混為一談。事實上，它們既密不可分、又負責不同方向的設計工作。本篇文章將帶你完整認識 UI 與 UX 的定義、差異、工作內容與設計流程。
UXSnaps
UXSnaps 收錄全球產品實際介面截圖，分類清晰、聚焦真實 UX 流程，協助設計師與產品團隊快速掌握業界 UI/UX 設計趨勢與靈感。
Design Spells
Design Spells 是 UI/UX 細節靈感庫，收錄微互動、動態效果與愉悅設計，幫助設計師為介面注入驚喜感與魔法般的使用體驗。
Rebrand Gallery
Rebrand Gallery 是設計師精選的品牌視覺重塑資源庫，收錄品牌識別改造案例、設計系統與視覺身份導入影片，支援按產業、風格、設計工作室篩選，助你快速找到品牌升級靈感。
React Flow
React Flow 是強大且可自訂的 React 節點式 UI 框架，適合打造流程圖、AI Workflow 等互動視覺工具，具備高效能與豐富 API。
Lineicons
Lineicons 提供 26,000+ 線條圖示，支援 SVG、React、Vue、Figma 等格式，結合設計美感與技術彈性，是前端與設計師的圖示首選。
Headless UI
Headless UI 是 Tailwind Labs 推出的無樣式元件庫，支援 React 與 Vue，結合高可存取性與高度客製化，打造彈性十足的前端互動體驗。