AI网页生成器2.0使用自然语言描述网页内容，即可通过AI大模型生成高质量前端HTML文件，支持使用shadcn/ui。

来自302.AI的AI网页生成器2.0的开源版本。 你可以直接登录302.AI，零代码零配置使用在线版本。 或者对本项目根据自己的需求进行修改，传入302.AI的API KEY，自行部署。

界面预览

根据用户的需求生成网页，左栏为网页的代码，右栏为网页的预览图。

302.AI介绍

302.AI是一个面向企业的AI应用平台，按需付费，开箱即用，开源生态。

集合了最新最全的AI能力和品牌，包括但不限于语言模型、图像模型、声音模型、视频模型。

在基础模型上进行深度应用开发，我们开发真正的AI产品，而不是简单的对话机器人。

零月费，所有功能按需付费，全面开放，做到真正的门槛低，上限高。

功能强大的管理后台，面向团队和中小企业，一人管理，多人使用。

所有AI能力均提供API接入，所有工具开源可自行定制（进行中）。

强大的开发团队，每周推出2-3个新应用，产品每日更新。有兴趣加入的开发者也欢迎联系我们。

项目特性

智能代码生成
根据您的需求自动生成代码。

灵活编辑
在生成过程中可以随时调整和修改代码内容。

UI灵活选择
支持shadcn/ui组件库，快速打造美观界面。

3D可视化
支持three.js，轻松实现3D可视化功能。

提示词优化
对提示词进行优化，使AI生成的内容更精准。

图像辅助
支持上传设计图，让AI根据图像生成对应代码。

多轮交互
支持持续对话，根据反馈不断调整代码生成。

代码引用
可以引用生成的代码片段，并让AI进行相应修改。

便捷分享
轻松分享生成的代码，让更多人欣赏您的作品。

贴心暗色
提供暗色模式，呵护您的用眼健康。

多语言支持
中文界面
English Interface
日本語インターフェース

未来更新计划

代码精简性提升
多样化模板拓展
新增动态内容生成功能

技术栈

Next.js 14
Tailwind CSS
Shadcn UI
Sandpack
Vecel AI SDK

开发&部署

克隆项目

git clone https://github.com/302ai/302_coder_generator.git
​

安装依赖

pnpm install
​

配置302的API KEY 参考.env.example

运行项目

pnpm dev
​

打包部署

docker build -t coder-generator . && docker run -p 3000:3000 coder-generator
​

相关链接

在线访问
github源码