输入关键词搜索 AI 工具、分类,或直接跳转页面

v0.dev
v0是Vercel推出的AI前端代码生成工具,核心定位为辅助前端开发者便捷实现组件开发与原型搭建。核心功能包含自然语言描述直接转前端代码、内置shadcn/ui组件库适配、Tailwind CSS样式自动生成,同时支持代码实时预览与迭代调整。目标用户覆盖前端开发者、UI设计师、产品经理、前端学习者、独立开发者、运营人员等群体,可用于快速制作产品原型、实现UI设计稿还原、快速搭建活动页前端框架、学习React与Next.js开发实践、快速输出组件Demo等场景,帮助开发者降低重复代码编写的工作量,提升前端开发环节的效率。

open-lovable.com
Open Lovable是一款面向前端开发者、产品原型设计人员的开源AI工具,核心定位为网页转React/Next.js代码转换平台。平台支持将现有网页URL、Figma原型、本地HTML文件三种输入源转换为可直接运行的React/Next.js应用代码,同时提供Tailwind CSS样式适配、组件模块化拆分、响应式布局自动适配功能。用户可直接在平台在线预览生成的代码效果,支持一键导出完整项目包,无需手动重构页面结构,适用于产品快速迭代、旧站技术栈迁移、原型快速落地等开发场景。

21st.dev
21st.dev是面向设计工程师的React Tailwind UI组件资源平台,产品开发灵感来源于shadcn/ui,由RorkAI团队依托Claude 3.5 Sonnet技术构建。平台核心功能包含高还原度设计组件库、一键式命令安装机制、按需组件自定义配置能力,可帮助设计工程师减少重复UI开发工作量,加快精致界面交付进度。平台目标用户覆盖前端开发人员、UI设计师、全栈工程师、独立产品开发者等群体,适用于企业级后台系统搭建、SaaS产品界面开发、个人项目原型快速落地、移动端响应式页面设计等多种开发场景。

windframe.dev
Windframe是一款基于Tailwind CSS的AI可视化网站构建工具,面向需要快速产出网页原型与成品页面的开发者、设计师与产品团队提供服务。核心功能包含AI辅助生成Tailwind CSS组件、可视化拖拽编辑、导出可用代码、响应式预览调试以及自定义主题配置。用户可以在需求沟通阶段快速搭建网页原型,也可以直接产出可集成进项目的生产级网页代码,省去手动编写Tailwind CSS基础代码的步骤,提升网页开发与设计的效率。

adminforth.dev
AdminForth是一款开源的基于Tailwind CSS构建的管理面板框架,支持Vue 3与Node.js TypeScript开发,面向需要快速搭建后台管理系统的开发者提供组件化开发支持。核心功能包含可复用UI组件库、响应式布局适配、权限路由配置、自定义主题修改、数据表格封装,帮助开发者减少重复基础开发工作,适用于企业后台、内容管理系统、数据分析仪表盘、 SaaS管理后台等开发场景。

langui.dev
LangUI是一个面向AI应用与GPT项目开发的开源Tailwind CSS组件库,为开发者提供开箱即用的UI组件资源。核心功能包括提供适配AI场景的预设组件、支持自定义主题配置、全开源可商用使用,兼容基于Tailwind CSS的主流开发框架。该网站的目标用户是AI应用开发者、前端开发工程师、个人开源项目创作者、AI创业团队、独立开发者,适用于快速搭建AI聊天界面、AI工具原型、GPT插件前端界面等开发场景,帮助开发者减少重复UI开发工作,聚焦产品功能开发。

kombai.com
Kombai是一款基于人工智能技术的Figma设计转前端代码工具,核心定位是帮助开发和设计团队缩短从设计稿到可运行代码的流程。该工具支持自动识别Figma设计中的布局、样式、交互元素,可直接生成符合前端开发规范的HTML、CSS和React代码,也支持Tailwind CSS框架输出。核心功能包含Figma文件直接导入、AI代码生成、样式自动匹配、组件识别导出、本地代码编辑等。目标用户覆盖前端开发人员、UI/UX设计师、初创产品团队、独立开发者等,适合在产品开发阶段完成设计稿快速落地、原型代码生成、开发准备工作等场景。

vercel.com
v0 by Vercel是Vercel推出的生成式UI开发工具,核心定位是将自然语言描述、图像参考转化为可直接使用的前端界面代码。核心功能包括自然语言转UI代码、图像参考生成界面、自定义设计系统适配,支持基于React、Tailwind CSS、Shadcn UI等主流开源技术栈输出代码。目标用户覆盖前端开发者、UI设计师、产品经理、独立开发者等群体,可应用于产品原型快速搭建、营销页开发、管理后台界面生成、个人项目界面设计等多种场景,帮助降低界面开发的重复工作量,提升项目推进效率。

windchat.link
WindChat是一款配合ChatGPT使用的Chrome浏览器扩展工具,核心定位是帮助开发者在ChatGPT对话界面直接预览AI生成的Tailwind CSS HTML代码效果,无需切换到本地编辑器或在线预览平台。核心功能包括HTML代码实时预览、Tailwind样式即时渲染、代码一键导出、本地代码编辑修改、多标签预览管理。目标用户为前端开发从业者、Tailwind CSS学习者、AI开发爱好者,适合在借助ChatGPT生成前端代码片段、快速验证样式效果、调试简单页面布局的场景下使用。