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 3.4KFavorites 25Likes 16
Lovable Prompts
免费增值

Lovable Prompts

Lovable Prompts 是为 Lovable AI(一款先进的 AI 应用构建器)精心打造高效提示词的领先资源。它提供了一个全面的精选提示词库和一个 AI 驱动的生成器,帮助用户快速使用 React、TypeScript 和 Tailwind CSS 创建功能性 Web 应用程序。掌握提示词工程,加速应用开发并获得卓越成果。

Code Generation
Visits 5.9KFavorites 29Likes 25
Coira
免费增值

Coira

Coira是一个由AI驱动的加密货币分析平台,旨在为散户投资者普及市场情报。它将复杂的链上数据、市场情绪和项目基本面提炼成可操作的洞察,帮助用户自信地驾驭数字资产领域。

加密货币分析
Visits 3.8KFavorites 25Likes 26
Dream Chat
付费

Dream Chat

Dream Chat 是一款白标 AI 语音代理界面,专为机构和团队设计,用于快速部署生产就绪的品牌 AI 语音体验。它允许客户使用自己的 Vapi API 密钥连接其 Vapi 助手,提供现代化、自托管且完全可定制的用户体验,无需大量前端开发。

白标解决方案
Visits 3.5KFavorites 120Likes 131
AutoDocs

AutoDocs

AutoDocs 是一款专为开发者设计的 AI 驱动文档工具,可自动生成、更新和优化技术文档。它利用 Google 的生成式 AI 和 LangChain 简化文档流程,让开发者能更专注于构建而非撰写。

内容生成
Visits 3.5KFavorites 109Likes 89
Dottle
免费增值

Dottle

Dottle 是一款由 AI 驱动的网页设计工具,能将文本提示转化为专业的网页设计和代码。它使用户能够快速生成、迭代并导出高质量的 HTML/CSS、React、Vue 或 Angular 代码,从而无需传统设计工具或广泛的编码知识。

网页设计
Visits 3.5KFavorites 136Likes 138
AI SDK Agents
付费

AI SDK Agents

AI SDK Agents 提供生产就绪的 React 组件,用于快速构建 AI 应用程序。利用基于 React、TypeScript 和 Vercel AI SDK 构建的代理、工作流、工具调用和流式响应的即插即用模式。将您的 AI 功能开发时间从数周缩短到数小时,确保可定制和无头集成到您的项目中。

UI组件
Visits 62.1KFavorites 114Likes 128
Assistant-ui
免费增值

Assistant-ui

Assistant-ui 是一个开源的 TypeScript/React 库,用于快速构建高质量、可定制的 AI 聊天界面。它基于 shadcn/ui 和 Tailwind CSS 构建,为开发人员提供预制组件,以便将类似 ChatGPT 的体验集成到任何应用程序中,支持各种后端和生成式 UI 等高级功能。

Visits 82KFavorites 120Likes 112
HeroUI Chat
免费增值

HeroUI Chat

HeroUI Chat 是一款由 AI 驱动的工具,可通过简单的文本提示生成 UI 组件和页面。它基于 NextUI 和 Tailwind CSS 构建,允许开发人员和设计人员通过自然语言描述来快速创建美观、响应式且易于访问的用户界面,从而显著加速原型设计和开发工作流程。

UI/UX
Visits 34.4KFavorites 78Likes 85
V0
免费增值

V0

V0 是 Vercel 推出的一款生成式 AI 平台,可将文本提示、屏幕截图和 Figma 设计稿转化为可用于生产环境的前端代码。它扮演着 AI 结对程序员的角色,帮助用户使用 React、Svelte 和 Vue 快速构建和迭代 UI 组件及全栈应用。其基于聊天的界面加速了工程师、设计师和产品经理的开发工作流,并能无缝部署到 Vercel 平台。

UI/UX
Visits 4.1MFavorites 105Likes 85
Supanext
付费

Supanext

Supanext 是一个功能齐全的 Next.js Supabase SaaS 入门套件,专为希望快速构建和发布 AI 及 SaaS 应用的开发者设计。它通过提供身份验证、支付、数据库集成、AI 示例以及经过 SEO 优化的登录页和博客等预构建组件,可节省超过55小时的开发时间,实现从创意到盈利的快速转化。

样板代码
Visits 4.5KFavorites 130Likes 149
StartupBolt
付费

StartupBolt

StartupBolt 是专为 SaaS 初创公司设计的第一大 Next.js 样板,使开发人员和创始人能够在几天内而不是几个月内发布产品。它提供了一个完整的、即用型的代码库,预置了支付、认证、数据库、SEO 和现代 UI 组件的集成,可节省数百小时的开发时间。

创业工具
Visits 3.7KFavorites 135Likes 126
SupaLaunch
付费

SupaLaunch

SupaLaunch 是一个全面的 Next.js 14 和 Supabase 入门套件,旨在加速 SaaS 开发。它包含预构建的功能,如身份验证、Stripe 支付、数据库集成和可定制的登录页面。该套件针对 AI 驱动的应用进行了优化,集成了 Vercel AI SDK,并通过 Cursor Rules 支持“vibe-coding”,为开发者节省超过32小时的设置时间。

样板代码
Visits 5.4KFavorites 93Likes 81
Tweakcn
免费增值

Tweakcn

Tweakcn 是一款专为 shadcn/ui 和 Tailwind CSS 设计的可视化主题编辑器和 AI 驱动的生成器。它使开发人员和设计师能够实时创建、定制和预览美观、易于访问的主题。功能包括通过文本或图像生成 AI 主题、庞大的预设库以及直接代码导出以实现无缝集成。

UI 工具包
Visits 160.8KFavorites 130Likes 129
Newcult
付费

Newcult

Newcult 是一个面向开发者的工具包,提供适用于 Next.js 和 Shadcn UI 的全栈 UI 组件、区块和模板。它旨在通过提供可用于生产、可定制的代码,涵盖从营销页面到复杂 AI 工作流的各种需求,从而加速现代 AI 驱动的 SaaS 应用的开发。

模板
Visits 6.2KFavorites 109Likes 106
Full Stack AI
免费

Full Stack AI

Full Stack AI 是一款功能强大的命令行工具,可通过单个文本提示生成完整、可用于生产的 Next.js 应用程序。它利用 AI 构建包含 TypeScript、Tailwind、Prisma、Postgres、tRPC、身份验证、Stripe 和 Resend 的全栈应用,极大地加快了开发进程。

代码生成
Visits 3.4KFavorites 104Likes 103
WindChat
免费增值

WindChat

WindChat是一款功能强大的浏览器扩展,可将ChatGPT转变为前端开发利器。它允许开发者、设计师和学生在ChatGPT界面内直接即时预览HTML、React和Tailwind CSS代码。通过提供实时渲染,它极大地加快了原型设计、模型制作和学习过程。您只需描述想要的UI,WindChat就能将生成的代码变为现实,无需在编辑器和浏览器之间切换。

代码助手
Visits 3.5KFavorites 105Likes 98
Cntxtkit
付费

Cntxtkit

Cntxtkit 是一款专为开发者和初创公司设计的 Next.js 和 AI 样板代码。它通过提供预配置的支付(Stripe、PayPal)、身份验证(NextAuth.js)、数据库(SQL/NoSQL)、邮件服务和样式(Shadcn/ui)模块来加速开发。这使您能够跳过繁琐的设置,专注于构建核心产品,更快地将想法变为可盈利的现实。

SaaS
Visits 3.5KFavorites 88Likes 79
AI Love Code
免费增值

AI Love Code

AI Love Code 是一款创新的 AI 工具,可在数分钟内生成包含完整源代码的响应式网站。它利用 Tailwind CSS 和 Alpine.js 等现代框架,使开发人员、初学者和设计师能够快速创建网页、登陆页面和演示原型,并拥有完整的代码所有权和可定制性。

网站建设工具
Visits 4.8KFavorites 131Likes 129
Code Genius
免费增值

Code Genius

Code Genius 是一款专为开发人员设计的 AI 编码助手。它通过生成代码、创建单元测试、优化性能以及充当全天候结对程序员来加速开发。它支持 React、Vue.js 和 Tailwind CSS 等流行框架。

代码助手
Visits 3.7KFavorites 132Likes 136
CraftUI
免费增值

CraftUI

CraftUI 是一款由人工智能驱动的工具,可通过简单的文本提示和图像生成美观、可用于生产的 UI 组件。它能为 Tailwind 和 Bootstrap 等框架创建代码,从而加速设计和开发过程,让 UI 创建变得毫不费力。

UI 设计
Visits 4.5KFavorites 126Likes 121
js2ts
免费

js2ts

一款由AI驱动的在线工具,专为开发人员设计,可即时转换各种代码格式,包括JavaScript到TypeScript、JSON到TypeScript接口、CSS到JSON以及CSS到Tailwind CSS。它免费、快速且无需安装。

代码转换
Visits 12.9KFavorites 130Likes 121
Devwares
免费增值

Devwares

Devwares 是一个为开发者和设计师提供工具和资源的综合平台。其旗舰产品 Windframe 是一款由 AI 驱动的 Tailwind CSS 可视化构建器,可将 UI 和网站创建速度提高 10 倍。通过 AI 提示生成设计,使用拖放式编辑器,并访问庞大的模板库,以构建并导出适用于 React、Vue 等的生产就绪代码。

UI/UX
Visits 12.8KFavorites 120Likes 111
Flash UI
免费增值

Flash UI

Flash UI 是一个基于 Tailwind CSS 构建的综合性组件库,专为快速 Web 开发而设计。它提供了大量免费、响应式且可定制的 UI 区块和部分。开发人员只需复制粘贴组件,即可极速构建精美的网站。它还配备了创新的 AI 组件生成器,可轻松将设计构想变为现实。

UI 工具包
Visits 3.5KFavorites 96Likes 86
标签