Open Lovable：把网页克隆成 React 应用

Open Lovable 是抓取服务 Firecrawl 团队开源的示例项目，做的事情很聚焦：给它一个网站链接，它先用自家抓取服务拉取页面内容，再交给你选定的大模型重写成现代 React 代码，并在云端沙箱里装依赖、跑起来供实时预览，项目本体基于 Next.js 与 TypeScript。对「看到一个心仪站点就想拿来改」的前端开发者来说，它把复刻门槛压到了几次对话。GitHubDaily 在 2025 年 8 月推荐过这个项目，当时它刚发布不久。

核心功能

• 链接直达克隆：粘贴想复刻的网址，项目调用 Firecrawl 抓取页面，由 AI 重建为 React 应用，省去手动分析结构和搭目录的功夫。
• 对话式开发：生成结果不合意就继续聊，用自然语言要求调整布局、配色或组件，逐轮逼近想要的效果。
• 四种模型任选：代码生成引擎支持 Gemini、Claude、OpenAI、Groq 里挑一个，不绑定单一厂商。
• 云端沙箱预览：生成的应用默认跑在 Vercel Sandbox，也可切到 E2B；装依赖、起 Vite、看预览都在云端完成，本地环境保持干净。
• 更快的编辑（可选）：额外配置 Morph 的 Key 后，AI 改代码的返回速度会更快。
• 导出带走：沙箱里生成的项目可打包导出，方便带回自己的环境继续开发。

典型使用场景

• 拿一个心仪站点当参照，克隆出前端骨架，作为自己 React 项目的起点再行修改。
• 原型速成：以现有页面为底稿，几分钟内得到能跑的 React 演示，用于评审或沟通。
• 读源码学工程：抓取、生成、沙箱运行这条链路的实现细节都在仓库里，适合研究同类 AI 编码工具的架构。

快速上手

1. 克隆仓库并安装依赖：

git clone https://github.com/firecrawl/open-lovable.git && cd open-lovable
pnpm install

2. 在 .env.local 里填入必填的 FIRECRAWL_API_KEY，再从 GEMINI_API_KEY、ANTHROPIC_API_KEY、OPENAI_API_KEY、GROQ_API_KEY 中挑一个填上；沙箱默认走 Vercel，也可改用 E2B 并配置对应 Key。

3. 启动开发服务器，浏览器访问 localhost:3000 即可开始：

pnpm dev

小结

它适合想快速把现有网页转成 React 代码的开发者、需要可运行原型的团队，以及想研究 AI 网页克隆流水线的学习者。协议是宽松的 MIT，但外部依赖不轻：Firecrawl Key 必填，模型 Key 四选一，沙箱还要另备 Vercel 或 E2B 账号，跑通前的配置成本不低。官方也明确定位它是示例应用，完整的云端商业方案由自家产品 Lovable.dev 承接。另外，仓库最后一次代码推送停在 2025 年 11 月中旬，到本次成稿（2026 年 9 月）已超过十个月，采用前建议自行评估维护状态。