標籤: Tailwind CSS 頁1
Tailwind CSS相關的文章，目前共收錄 29 篇內容。
網路資源
TailConverter：快速將 CSS 轉換為 Tailwind CSS 的工具
TailConverter 是一款瀏覽器擴充套件，讓開發者能夠輕鬆將現有的 CSS 轉換為 Tailwind CSS。該工具支援各種網站平台與框架，包括 WordPress、Shopify 以及 React，並且能準確地將顏色、媒體查詢及自定義字體匯出。只需點擊幾下，即可快速轉換網頁元素，並支援 Chrome、Firefox 和 Edge 瀏覽器，適合想要加快開發速度的網頁設計師。
網路資源
Aceternity UI：豐富的網站前端動態效果元件庫
Aceternity UI 提供一套專為網站開發者打造的前端元件庫，例如3D卡片效果、星光背景、動態漸變背景等，讓使用者能輕鬆將最新趨勢的網頁元件直接複製、貼上到自己的專案中。它支援多種框架與技術，如 Next.js、React、TailwindCSS 和 Framer Motion，確保在不同開發環境中都能快速應用這些美觀的介面設計。Aceternity UI 讓設計與開發變得更高效，無需繁瑣的樣式調整，適合任何想快速提升網站外觀的開發者。
網路資源
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 元件和設計資源。這些資源旨在幫助設計師和開發者加速他們的項目開發過程，並確保一致性和高品質的設計。
網路資源
Dynaui：靈活高效的 UI 設計工具
Dynaui 是一個專為設計師和開發者設計的 UI 設計工具，旨在提供快速且靈活的介面設計方案。這個平台強調響應式設計和高效工作流程，幫助用戶創建出色的用戶介面。
網路資源
HTMLrev：免費 HTML 樣板資源大全
HTMLrev 是一個提供超過 1500 款免費 HTML 模板的網站，涵蓋網站、Landing Page、部落格、作品集、電子商務和儀表板等多種用途。該平台為開發者和設計師提供了多樣化的選擇，適用於各種框架如 Bootstrap、Tailwind、Bulma、Angular、React、Vue、Nextjs 等。
網路資源
UI Lib Picker：精選最佳的 Vue 和 Nuxt UI library
UI Lib Picker 是一個專門為 Vue 3 和 Nuxt 3 項目提供 UI library 挑選指南的網站。該平台整理了多種 UI library，並提供詳細的功能比較，幫助開發者根據不同需求選擇最適合的庫。每個library都標示了其主要特點，包括是否有樣式、無樣式、是否免費、是否支援 Dark Mode、是否有 Figma 文件等，方便用戶快速篩選。
網路資源
Magic UI：基於 React、Tailwind CSS 和 Framer 的創意設計平台
Magic UI 是一個專為設計師打造的強大工具平台，基於 React、Tailwind CSS 和 Framer 開發，提供多樣化的設計資源和範本，幫助使用者快速創建吸引人的 UI 設計。
網路資源
Tailwind Awesome：收錄眾多優秀Tailwind模板與UI套件的網站
Tailwind Awesome 是一個專門提供高品質Tailwind CSS模板和UI套件的線上資源庫。該平台匯聚了眾多設計精美的模板，涵蓋了從SaaS、創業公司Landing Page到個人作品集等多種用途。此外，用戶還可以按網站技術如React、Vue.js等過濾搜尋結果，或從價錢排序收錄的模板。
網路資源
v0 by Vercel：v0 推出的藉由與 AI 對話生成 UI 及 React 程式碼的工具
v0 是由 Vercel 推出的一款 AI 生成 UI 的服務，你可以透過提示詞或上傳參考圖片，就能快速的生成 UI 設計，它支援生成如React、Tailwind CSS等開源專案的程式碼，並提供免費及其他不同的付費訂閱計劃。
網路資源
Toggles.dev：開源的生動 Dark Mode 切換按鈕，可以直接修改並複製程式碼回去使用
Toggles.dev是一個專門提供動態主題切換按鈕的網站，尤其是在淺色模式與深色模式之間的轉換。此平台匯集了一系列既美觀又易於使用的動畫切換按鈕，特別適合搭配如TailwindCSS這類的工具 CSS 框架使用。
網路資源
Shipixen：專業定價頁面產生器，支援 React、Vue.js 以及 Tailwind CSS
Shipixen 提供一款靈活的定價頁面產生器，你可以依據你的需求並透過介面上的設定，就能做出專業的產品定價頁面的 UI，支援 Next.js/React、Vue、Shadcn UI 與 Tailwind CSS。
網路資源
UI Colors - 專為設計師和開發者打造的創新顏色生成器
UI Colors是一個專門為設計師和開發者提供顏色生成和編輯工具的網站。用戶可以透過按空白鍵、輸入色碼或改變HSL值來創建自定義的顏色比例。此外，網站也支援Google帳號登入，方便用戶保存和編輯自己的顏色比例。UI Colors還提供一個Figma外掛，增強其實用性和便利性 。
網路資源
Uiverse.io：開源 UI 元素的創意寶庫
Uiverse.io 是一個致力於提供開源 UI（使用者介面）元素的網站，專門為各種專案提供豐富且美觀的自定義元素。這些元素主要是用 CSS 或 Tailwind 設計的，用戶可以自由地創建、分享，並在自己的專案中使用這些元素 。Uiverse.io 的一大特點是其社群驅動的特性，所有的 UI 元素都是由社群成員製作的，並且這些元素完全免費，無論是個人還是商業用途均可使用。
網路資源
Anima：將 Figma 設計稿轉成 HTML、CSS與 javascript，優化設計與開發的全新體驗
在現今的軟體開發領域中，設計和開發之間的協同工作變得越來越重要。Anima是一個強大的工具，旨在幫助您更有效率地取得程式碼，並根據您的設計迅速進行整個設計到開發的流程。
網路資源
CSS Genius：透過 AI 生成 Tailwind UI 元件
CSS Genius 是一款令人驚嘆的工具，它利用人工智慧技術，輕鬆為您的應用程式創建漂亮的 UI 元件。透過 CSS Genius，您可以設計元件並根據您的喜好進行樣式設定，而無需編寫任何程式碼，只需使用簡單的文字提示。您可以預覽這些元件，然後通過文字對其進行更新。
網路資源
Screenshot to Code：只要上傳截圖就能透過 AI 轉換成 HTML 與 CSS
Screenshot to Code 是一個簡單的應用程式，能夠將截圖轉換為程式碼（HTML/Tailwind CSS、React、Vue或Bootstrap）。它利用了GPT-4 Vision生成程式碼，以及DALL-E 3生成相似外觀的圖像。
網路資源
draw-a-ui：透過 AI 根據用戶繪製的線框和標註生成 UI 設計
draw-a-ui 使用開源數字畫板 tldraw 和 gpt-4-vision API 打造，可以根據用戶繪製的線框和標註生成 UI 設計。