Logo
Project Icon

draw-a-ui

使用GPT-4 Vision和tldraw的自动HTML生成工具

draw-a-uiGPT-4 Vision APINext.jsSVGHTML生成Github开源项目

draw-a-ui结合tldraw与GPT-4 Vision API，实现从手绘线框图到HTML代码的自动生成，并支持Next.js构建应用。用户可以绘制线框图，并将其转化为包含Tailwind CSS的HTML文件。项目核心开源，需GPT-4 Vision API访问权限进行本地开发。了解更多项目更新及功能，请访问draw-a-ui官网并加入候补名单。

访问官网访问官网GithubGithub
介绍知识库相关项目
aipage.dev - 利用人工智能生成HTML和Tailwind CSS着陆页
AI Landing Page GeneratorGithubHTMLTailwind CSS人工智能开源项目生成器
AI Landing Page Generator是一款利用人工智能生成着陆页的工具，仅支持HTML和Tailwind CSS。当前为实验阶段，能够自动化设计和编码过程，显著节省时间和精力。只需简单描述，即可生成独特风格的页面。未来还计划支持多语言、多页面及黑暗模式，并提供一键部署到Vercel或Netlify的功能。
Tailwind AI - 智能化Tailwind组件生成平台
AI工具AI组件设计Tailwind AITailwind组件产品介绍用户界面
Tailwind AI是一个基于人工智能的Tailwind组件设计平台。该网站提供自动化组件生成、特色组件展示和公共组件库等功能，旨在提高开发者使用Tailwind CSS的效率。通过智能算法，Tailwind AI能够快速生成高质量、定制化的组件，简化设计流程，使网页开发更加便捷。
SolidUI - AI生成图形解决方案，支持多种图表和场景构建
AI绘图GithubNLPSolidUI图形生成开源项目深度学习
SolidUI结合自然语言处理和计算机图形技术，实现从文本描述到图形生成。核心特点包括简洁流程、多数据源支持、3D场景展示和容器化部署。自主研发的Vincent图表语言模型通过RLHF优化生成性能，确保图形质量和准确性。适用于快速构建可视化工具，满足高质量图形展示需求。
AIUI - AI语音交互平台，兼容桌面和移动浏览器
AIUIGPT-3.5GPT-4Github开源项目文本到语音语音接口
AIUI平台提供与AI模型的无缝双向语音通信，现支持GPT-4和GPT-3.5，兼容桌面和移动浏览器，未来将支持开放模型。在浏览器中打开应用即可开始对话，AIUI会处理语音输入并提供语音回应，实现自然连续的交互。它提供本地运行指南、环境变量配置及一键部署选项，方便快速上手。
an-codeAI - 通过OpenAI和Gemini生成代码，支持React、Vue等多技术栈
GithubOpenAIReactTailwind CSSVuean-codeAI开源项目
An-codeAI项目利用OpenAI和Gemini技术生成高质量代码，适用于React、Vue、Tailwind CSS、shadcn/ui等前端框架及react native原生应用。支持通过截图、手绘草图和文本创意生成代码，有效提升开发效率和代码质量。适配HTML+Tailwind、react+Tailwind、react+Tailwind+shadcn/ui多种编辑环境，并提供在线试玩和本地运行支持。
DB-GPT-Web - 基于Tailwind和Next.js的开源聊天界面，适用于AI和GPT项目
AIDB-GPT-WebGPTGithub开源开源项目用户界面
DB-GPT-Web是一个开源的聊天界面，基于Tailwind和Next.js，为AI和GPT项目提供视觉解决方案。它支持Node.js和npm，并兼容Linux、macOS及Windows操作系统。开发者可以轻松构建和美化如表格、代码等UI组件，并利用自定义标签适应AI场景。详细文档和教程可在官方网站找到，项目采用MIT许可证开源。
HYLSE - React和Tailwind前端设计组件AI生成工具
AI工具Hylse AIReactTailwind人工智能设计前端设计
HYLSE是一款面向前端开发的AI生成工具，专注于简化React和Tailwind组件的创建过程。它能快速生成高质量、可定制的UI组件，无需深厚设计背景。HYLSE旨在提高前端开发效率，为开发者提供便捷方式构建现代化、响应式的web界面，使设计过程更加简单高效。
full-stack-ai - 通过AI轻松生成Next.js全栈应用，支持多种数据库和功能
AI自动化CLIFull Stack AIGithubNext.js全栈开发开源项目
全栈AI CLI工具可自动生成Next.js应用，支持TypeScript和Tailwind，集成shadcn/ui组件和CRUD操作。兼容Prisma/Drizzle数据库架构，支持Postgres/MySQL/SQLite数据库，提供NextAuth.js多种登录方式。项目还包含支付功能、邮件发送、账户管理和主题切换，协助构建高效全功能应用。
Diagramming AI - UML和工作流程图表生成平台
AI工具AI绘图MermaidPlantUML数据可视化自动化图表生成
Diagramming AI是一个AI驱动的图表设计平台，支持即时生成UML结构、工作流程等多种图表。平台集成GPT技术，通过文本输入即可创建各种格式图表。功能包括AI辅助图表改进、无缝绘图、快速编辑、多种导出选项和自定义主题。此外，平台还提供URL转图表、图片转图表等创新功能，以及丰富的UML图表和工作流程图模板库，满足多样化的专业图表设计需求。
design2code - 将设计稿转换为高质量HTML/CSS/JS代码
Design2CodeGithubHTML/CSS/JS转换Next.js开源项目网页设计
Design2Code是一个开源项目，可以将草图、线框图、Figma、XD等设计稿自动转换为高质量的HTML、CSS和JS代码。只需上传设计图片，系统即可自动生成所需代码，简化开发流程。该项目由Next.js构建，支持一键在Vercel上部署，并欢迎社区贡献和反馈。
相关项目
项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

Project Cover

问小白

问小白是一个基于 DeepSeek R1 模型的智能对话平台，专为用户提供高效、贴心的对话体验。实时在线，支持深度思考和联网搜索。免费不限次数，帮用户写作、创作、分析和规划，各种任务随时完成！

Project Cover

白日梦AI

白日梦AI提供专注于AI视频生成的多样化功能，包括文生视频、动态画面和形象生成等，帮助用户快速上手，创造专业级内容。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

讯飞绘镜

讯飞绘镜是一个支持从创意到完整视频创作的智能平台，用户可以快速生成视频素材并创作独特的音乐视频和故事。平台提供多样化的主题和精选作品，帮助用户探索创意灵感。

Project Cover

讯飞文书

讯飞文书依托讯飞星火大模型，为文书写作者提供从素材筹备到稿件撰写及审稿的全程支持。通过录音智记和以稿写稿等功能，满足事务性工作的高频需求，帮助撰稿人节省精力，提高效率，优化工作与生活。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

Project Cover

Trae

Trae是一种自适应的集成开发环境（IDE），通过自动化和多元协作改变开发流程。利用Trae，团队能够更快速、精确地编写和部署代码，从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能，是提升开发效率的理想工具。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务
投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号