试过 v0、Bolt 或 Framer AI 的人大概都熟悉那套流程:输入一句提示词,得到一个还不错的页面,然后撞上付费墙、额度计数器,或者一个导出来根本没法用的结果。有人干脆自己动手做了一个:openconstructor,一个免费、开源的编辑器,你描述一个界面,AI 在画布上把它搭出来,成果归你——可以手动改、可以发布、也可以下载真正的代码。
上手路径被压缩到一分钟以内:打开编辑器,输入"给一家咖啡烘焙店做个落地页,带菜单和评价",看着 AI 实时写出来,再落到画布上。点中任意区块,说一句"这块调暗一点"或者"加一个定价区",只有那一部分会变。最后点发布拿到免费链接,或者直接导出代码。
内置 AI 不用自己配密钥。它跑在开源模型上(GPT-OSS 120B、Llama 3.3 70B)。不注册账号每天有 3 次尝试机会,注册免费账号后每天 20 次。想换成 Claude、GPT 或 Gemini,可以填自己的密钥,密钥加密后存在本地设备上。
几个比较特别的能力:
- 要一个"电影感 3D 网站",会得到类似获奖作品风格的页面——发光的 CSS 3D 物体、滚动时亮起的文字、AI 绘制的 3D 图形,成品里不含 JavaScript。
- 内置 320 多个手工制作的组件:首屏、定价表、仪表盘、登录页、AI 聊天挂件,拖到自由画布上,和 AI 生成的区块混着用。
- 免费模板覆盖咖啡店、SaaS、餐厅、健身房、豪宅、AI 创业公司等,打开一个再告诉 AI 你的业务是什么即可。
- 一键发布:免费链接、自定义域名、可用的联系表单(留言直接进你的邮箱)、浏览量统计,以及展示真实页面的链接预览。
导出不是锁定。可以下载静态 HTML 站点、现成的 Vite + React 工程、Vue 或 Svelte 组件;做游戏的还能拿到 Roblox UI(Luau / .rbxmx)和 LÖVE 2D 格式。作者的说法是,据他所知没有别的工具这么做。手机上同样能用——在公交车上描述一个页面,按访客视角看移动端效果,然后发布。
项目以 MIT 协议开源,没有供应商锁定,也没有"点数"这一说,愿意的话可以自己托管。
为什么免费?作者的解释是:网站最难的部分早就不是写 HTML 了,而是开始动手,付费墙只会让这一步更难。免费 AI 跑在 Cloudflare 免费层和开源模型上,维持免费的成本对他而言很低。
实现上并不复杂:原生 JS 编辑器加一个 Cloudflare Worker 和 Supabase,没有重框架。小尺寸免费模型设计能力不稳定,所以部分页面类型由手工区块拼装,AI 只负责以 JSON 写内容——按作者的说法,质量从"偶尔好看"变成了"稳定精致"。已发布的页面以 script-src 'none' 运行,用户页面上的任何东西都无法执行 JavaScript,动画和 3D 全靠纯 CSS。
这是个单人项目,上线一周,作者说每天都在推更新。他在征集反馈:你做了什么、AI 在哪里出错、要用于真实项目还缺什么。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.