網路資源
TREK：自架式旅遊規劃平台，把行程、地圖、分帳與旅遊日誌整合在一起
TREK 是開源自架旅遊規劃工具，整合每日行程、互動地圖、旅費分帳、行李清單、文件管理與多人即時協作，支援 Docker 部署，打造完整的私有旅行管理平台。
網路資源
網路資源
Next Shadcn Admin Dashboard：以 Next.js 與 shadcn/ui 打造的現代化後台管理模板
Next Shadcn Admin Dashboard 是一個基於 Next.js、shadcn/ui 與 Tailwind CSS 打造的開源後台管理模板。本文介紹其技術架構、UI 設計與功能特色，帶你了解如何快速建立 SaaS 或 Web 應用的管理後台介面。
網路資源
UI Colors Generate：快速產生完整 Tailwind 調色盤的免費工具
每次手動調色都超耗時？UI Colors Generate 是專為前端與設計師打造的 Tailwind CSS 調色盤生成神器！輸入單一主色，一秒自動產出完整色階與即時 UI 預覽。完美相容開發環境，無縫複製到設定檔。告別憑感覺配色的痛點，立即體驗最高效的設計系統建置工具！
網路資源
Headless UI：專為 Tailwind CSS 打造的無樣式可存取元件庫
Headless UI 是 Tailwind Labs 推出的無樣式元件庫，支援 React 與 Vue，結合高可存取性與高度客製化，打造彈性十足的前端互動體驗。
網路資源
Scraperr：免寫程式、自架網站的開源爬蟲服務
Scraperr 是 self-hosted 圖形化網頁爬蟲工具，免寫程式碼即可透過 XPath 擷取資料、管理任務，支援媒體下載與結果匯出。
網路資源
Filament：Laravel 全端後台開發利器，快速打造美觀且強大的管理後台
Filament 是 Laravel 的開源後台框架，結合 TALL stack，提供快速 CRUD、生動 UI 與強大表單/資料表建構器，適合開發 SaaS、內部系統與企業後台。
網路資源
Spectrum UI：可以直接複製使用的極致 React 元件庫
Spectrum UI 是專為 Next.js 與 Tailwind CSS 打造的 React 元件庫，主打「複製即用」設計流程，提供高度可客製化、無障礙支援與 CLI 整合，助開發者快速建構美觀 UI。
網路資源
21st.dev：專為 AI Coding 打造的 React UI 元件平台，讓前端開發更快完成
21st.dev 是專為 AI Coding 打造的 React UI 元件平台，提供豐富元件、動畫與 Landing Page 範本，支援 MCP Server 與 Claude Code、Cursor 等 AI 工具，加速前端開發與介面設計流程。
網路資源
Google Stitch：Google 推出的 AI UI 設計工具，生成的內容可直接複製程式碼或貼到 Figma 繼續編輯
Google Stitch 是 Google Labs 推出的 AI UI 設計工具，支援文字與圖片輸入，自動生成網頁與 App 介面，可匯出至 Figma 或前端程式碼，助你快速實現設計概念。
網路資源
Spireflow：免費好看的開源儀表板模板
Spireflow 是免費開源的電商儀表板模板，結合 Next.js 15、React 19、Tailwind CSS 等技術，提供圖表視覺化、產品與顧客管理、認證與主題切換等功能，適合開發後台與數據展示。
網路資源
[WordPress Plugin] WindPress：無縫整合 Tailwind CSS 的好用工具
WindPress 是專為 WordPress 設計的 Tailwind CSS 插件，提供即時瀏覽器編譯，無需建構步驟，兼容 Elementor、Gutenberg 等視覺構建器。零配置即可使用，輕量高速，讓開發者在任何環境下順暢應用 Tailwind CSS，提升網站設計效率。
網路資源
Cursify：添加流暢的游標動畫效果函式庫！打造獨特網站互動體驗
Cursify 是一款專為 React 和 Next.js 設計的開源滑鼠游標動畫庫，提供多種精美互動效果，如仙女塵、氣泡、聚光燈等，並支援高度自訂，讓網站更具吸引力與動態感。
教學與資訊
CSS Utility-First Fundamentals 的基礎概念介紹
Utility-First CSS 是一種專注於使用簡單且功能單一的工具類別來設計 CSS 的方式，如 Tailwind CSS。此方法減少自定義樣式，提高開發效率與一致性。
網路資源
Interactive Tailwind：專為前端開發者設計的 Tailwind CSS 互動學習平台
Interactive Tailwind 是專為前端開發者打造的學習平台，提供系統化的 Tailwind CSS 課程，結合互動式教學和實踐練習，讓用戶能快速掌握核心設計模式和工具。平台涵蓋字體設置、間距控制、佈局系統等主題，並提供挑戰練習以提升實戰能力。採一次性付費模式，學習者可終身訪問資源，是學習和高效運用 Tailwind CSS 的理想選擇。
網路資源
Landing Page Examples：精選 Landing Page 範例資源庫
Landing Page Examples 是一個專為設計師、開發者和產品經理打造的Landing Page範例平台，匯集了多元風格和行業的高品質設計，涵蓋技術棧篩選（如 React、Next.js、Tailwind CSS）以快速找到契合的 UI 構思。用戶可學習最新排版、配色與高轉化設計技巧，適合新專案創建或現有頁面優化，是靈感和設計實踐的理想資源。
網路資源
TailConverter：快速將 CSS 轉換為 Tailwind CSS 的工具
TailConverter 是一款瀏覽器擴充套件，讓開發者能夠輕鬆將現有的 CSS 轉換為 Tailwind CSS。該工具支援各種網站平台與框架，包括 WordPress、Shopify 以及 React，並且能準確地將顏色、媒體查詢及自定義字體匯出。只需點擊幾下，即可快速轉換網頁元素，並支援 Chrome、Firefox 和 Edge 瀏覽器，適合想要加快開發速度的網頁設計師。
網路資源
OpenSearch GPT：個人化的 AI 搜尋引擎
OpenSearch GPT 是一個個人化的 AI 搜尋引擎，類似於 SearchGPT 和 Perplexity，但它的定位是可以讓使用者個人量身訂製搜尋喜好。它學習使用者的興趣和瀏覽行為，提供更加精準和個性化的搜尋結果。該專案由 Supermemory.ai 團隊開發，利用多種技術，包括 Mem0 自動記憶收集、Vercel AI ADK、Next.js、Tailwind CSS 等。
網路資源
Preline UI：整合 Tailwind CSS 的免費設計系統
Preline UI 是一個基於 Tailwind CSS 的免費設計系統，提供一系列可重複使用的 UI 元件和設計資源。這些資源旨在幫助設計師和開發者加速他們的項目開發過程，並確保一致性和高品質的設計。