ToolMage
登录

最好的 Tailwind CSS AI 工具

發現最強大的 Tailwind CSS AI 工具,包括 V0、Magic Patterns、Tweakcn、Shuffle、HeroUI Pro、Assistant-ui、AI SDK Agents、SaaSykit、CodeFast、Windframe,以及其他相關工具。

IgnitionStack
付费

IgnitionStack

IgnitionStack 是一個基於 Next.js 15、Supabase 和 Stripe 構建的生產級 SaaS 樣板,旨在幫助開發者和創業家在數日而非數月內推出 SaaS 產品。它透過預配置的身份驗證、支付、國際化和強大的架構,節省了 200 多個小時的開發時間。

聊天機器人建構器
Visits 7.2KFavorites 59Likes 43
Lovable Prompts
免费增值

Lovable Prompts

Lovable Prompts 是為 Lovable AI(一款先進的 AI 應用程式建構器)精心打造高效提示詞的領先資源。它提供了一個全面的精選提示詞庫和一個 AI 驅動的生成器,幫助使用者快速使用 React、TypeScript 和 Tailwind CSS 建立功能性 Web 應用程式。掌握提示詞工程,加速應用程式開發並獲得卓越成果。

Code Generation
Visits 9.8KFavorites 60Likes 73
Coira
免费增值

Coira

Coira是一個由AI驅動的加密貨幣分析平台,旨在為散戶投資者普及市場情報。它將複雜的鏈上數據、市場情緒和項目基本面提煉成可操作的洞察,幫助用戶自信地駕馭數位資產領域。

加密貨幣分析
Visits 7.6KFavorites 49Likes 63
Dream Chat
付费

Dream Chat

Dream Chat 是一款白標 AI 語音代理介面,專為機構和團隊設計,用於快速部署生產就緒的品牌 AI 語音體驗。它允許客戶使用自己的 Vapi API 密鑰連接其 Vapi 助手,提供現代化、自託管且完全可定制的使用者體驗,無需大量前端開發。

白標解決方案
Visits 7.5KFavorites 151Likes 172
AutoDocs

AutoDocs

AutoDocs 是一款專為開發者設計的 AI 驅動文件工具,可自動生成、更新和優化技術文件。它利用 Google 的生成式 AI 和 LangChain 簡化文件流程,讓開發者能更專注於建構而非撰寫。

內容生成
Visits 7.3KFavorites 148Likes 128
Dottle
免费增值

Dottle

Dottle 是一款由 AI 驅動的網頁設計工具,能將文本提示轉化為專業的網頁設計和程式碼。它使用戶能夠快速生成、迭代並匯出高品質的 HTML/CSS、React、Vue 或 Angular 程式碼,從而無需傳統設計工具或廣泛的編碼知識。

網頁設計
Visits 7.3KFavorites 171Likes 172
AI SDK Agents
付费

AI SDK Agents

AI SDK Agents 提供生產就緒的 React 組件,用於快速構建 AI 應用程式。利用基於 React、TypeScript 和 Vercel AI SDK 構建的代理、工作流程、工具調用和流式響應的即插即用模式。將您的 AI 功能開發時間從數週縮短到數小時,確保可定制和無頭集成到您的專案中。

UI元件
Visits 65.9KFavorites 144Likes 167
Assistant-ui
免费增值

Assistant-ui

Assistant-ui 是一個開源的 TypeScript/React 函式庫,用於快速建構高品質、可自訂的 AI 聊天介面。它基於 shadcn/ui 和 Tailwind CSS 建構,為開發人員提供預製組件,以便將類似 ChatGPT 的體驗整合到任何應用程式中,支援各種後端和生成式 UI 等進階功能。

庫
Visits 85.8KFavorites 165Likes 155
HeroUI Chat
免费增值

HeroUI Chat

HeroUI Chat 是一款由 AI 驅動的工具,可透過簡單的文字提示生成 UI 元件和頁面。它基於 NextUI 和 Tailwind CSS 建構,允許開發人員和設計人員透過自然語言描述來快速創建美觀、響應式且易於存取的使用者介面,從而顯著加速原型設計和開發工作流程。

UI/UX
Visits 38.2KFavorites 107Likes 118
V0
免费增值

V0

V0 是 Vercel 推出的一款生成式 AI 平台,可將文字提示、螢幕截圖和 Figma 設計稿轉化為可用於生產環境的前端程式碼。它扮演著 AI 結對程式設計師的角色,幫助使用者使用 React、Svelte 和 Vue 快速建構和迭代 UI 元件及全端應用。其基於聊天的介面加速了工程師、設計師和產品經理的開發工作流程,並能無縫部署到 Vercel 平台。

UI/UX
Visits 4.1MFavorites 150Likes 124
Supanext
付费

Supanext

Supanext 是一個功能齊全的 Next.js Supabase SaaS 入門套件,專為希望快速建構和發佈 AI 及 SaaS 應用程式的開發者設計。它透過提供身份驗證、支付、資料庫整合、AI 範例以及經過 SEO 優化的登陸頁和部落格等預先建構的元件,可節省超過55小時的開發時間,實現從創意到盈利的快速轉化。

樣板代碼
Visits 8.2KFavorites 168Likes 184
StartupBolt
付费

StartupBolt

StartupBolt 是專為 SaaS 新創公司設計的第一大 Next.js 樣板,使開發人員和創辦人能夠在幾天內而不是幾個月內發布產品。它提供了一個完整的、即用型的程式碼庫,預置了支付、認證、資料庫、SEO 和現代 UI 元件的整合,可節省數百小時的開發時間。

創業工具
Visits 7.4KFavorites 162Likes 162
SupaLaunch
付费

SupaLaunch

SupaLaunch 是一個全面的 Next.js 14 和 Supabase 入門套件,旨在加速 SaaS 開發。它包含預先建置的功能,如身份驗證、Stripe 支付、資料庫整合和可自訂的登陸頁面。該套件針對 AI 驅動的應用程式進行了最佳化,整合了 Vercel AI SDK,並透過 Cursor Rules 支援「vibe-coding」,為開發者節省超過32小時的設定時間。

樣板代碼
Visits 9.1KFavorites 129Likes 119
Tweakcn
免费增值

Tweakcn

Tweakcn 是一款專為 shadcn/ui 和 Tailwind CSS 設計的視覺化主題編輯器和 AI 驅動的生成器。它使開發人員和設計師能夠即時創建、客製化和預覽美觀、易於存取的主題。功能包括透過文字或圖像生成 AI 主題、龐大的預設庫以及直接程式碼匯出以實現無縫整合。

UI 工具包
Visits 164.6KFavorites 157Likes 165
Newcult
付费

Newcult

Newcult 是一個為開發者設計的工具包,提供適用於 Next.js 和 Shadcn UI 的全端 UI 元件、區塊和範本。它旨在透過提供可用於生產、可自訂的程式碼,涵蓋從行銷頁面到複雜 AI 工作流程的各種需求,從而加速現代 AI 驅動的 SaaS 應用的開發。

模板
Visits 10KFavorites 143Likes 142
Full Stack AI
免费

Full Stack AI

Full Stack AI 是一款功能強大的命令列工具,可透過單一文字提示生成完整、可用於生產的 Next.js 應用程式。它利用 AI 建構包含 TypeScript、Tailwind、Prisma、Postgres、tRPC、身份驗證、Stripe 和 Resend 的全端應用,極大地加快了開發進程。

程式碼生成
Visits 7.2KFavorites 130Likes 138
WindChat
免费增值

WindChat

WindChat是一款功能強大的瀏覽器擴充功能,可將ChatGPT轉變為前端開發利器。它允許開發者、設計師和學生在ChatGPT介面內直接即時預覽HTML、React和Tailwind CSS程式碼。透過提供即時渲染,它極大地加快了原型設計、模型製作和學習過程。您只需描述想要的UI,WindChat就能將生成的程式碼變為現實,無需在編輯器和瀏覽器之間切換。

程式碼助手
Visits 7.3KFavorites 132Likes 126
Cntxtkit
付费

Cntxtkit

Cntxtkit 是一款專為開發者和新創公司設計的 Next.js 和 AI 樣板程式碼。它透過提供預先配置的支付(Stripe、PayPal)、身份驗證(NextAuth.js)、資料庫(SQL/NoSQL)、郵件服務和樣式(Shadcn/ui)模組來加速開發。這使您能夠跳過繁瑣的設定,專注於建構核心產品,更快地將想法變為可盈利的現實。

SaaS
Visits 7.3KFavorites 119Likes 107
AI Love Code
免费增值

AI Love Code

AI Love Code 是一款創新的 AI 工具,可在數分鐘內生成包含完整原始碼的響應式網站。它利用 Tailwind CSS 和 Alpine.js 等現代框架,使開發人員、初學者和設計師能夠快速創建網頁、登陸頁面和演示原型,並擁有完整的程式碼所有權和可自訂性。

網站建設工具
Visits 8.7KFavorites 156Likes 162
Code Genius
免费增值

Code Genius

Code Genius 是一款專為開發人員設計的 AI 編碼助理。它透過產生程式碼、建立單元測試、最佳化效能以及充當全天候結對程式員來加速開發。它支援 React、Vue.js 和 Tailwind CSS 等流行框架。

程式碼助手
Visits 7.4KFavorites 179Likes 175
CraftUI
免费增值

CraftUI

CraftUI 是一款由人工智能驅動的工具,可透過簡單的文字提示和圖像生成美觀、可立即用於生產的 UI 元件。它能為 Tailwind 和 Bootstrap 等框架建立程式碼,從而加速設計和開發過程,讓 UI 創建變得毫不費力。

UI 設計
Visits 8.4KFavorites 159Likes 162
js2ts
免费

js2ts

一款由AI驅動的線上工具,專為開發人員設計,可即時轉換各種程式碼格式,包括JavaScript到TypeScript、JSON到TypeScript介面、CSS到JSON以及CSS到Tailwind CSS。它免費、快速且無需安裝。

程式碼轉換
Visits 16.7KFavorites 158Likes 158
Devwares
免费增值

Devwares

Devwares 是一個為開發者和設計師提供工具和資源的綜合平台。其旗艦產品 Windframe 是一款由 AI 驅動的 Tailwind CSS 可視化構建器,可將 UI 和網站創建速度提高 10 倍。透過 AI 提示生成設計,使用拖放式編輯器,並訪問龐大的範本庫,以構建並導出適用於 React、Vue 等的生產就緒程式碼。

UI/UX
Visits 16.5KFavorites 155Likes 145
Flash UI
免费增值

Flash UI

Flash UI 是一個基於 Tailwind CSS 建構的綜合性元件庫,專為快速 Web 開發而設計。它提供了大量免費、響應式且可自訂的 UI 區塊和部分。開發人員只需複製貼上元件,即可極速建構精美的網站。它還配備了創新的 AI 元件產生器,可輕鬆將設計構想變為現實。

UI 工具包
Visits 7.3KFavorites 134Likes 121
標籤