在快速构建Web应用或原型时，手动复制网站结构和样式耗时且复杂，而现有工具如v0依赖云端，隐私和成本问题突出。
最近，知名网页抓取工具 Firecrawl 团队放出了一记“王炸”：Open Lovable。这个完全开源的项目，仅用几天时间就在 GitHub 狂揽 11.8k Star，足以说明它的吸引力。
Open Lovable 其实是一款开源AI网页克隆工具，通过输入任意网站URL，并利用 Firecrawl 抓取和AI生成，秒级克隆为 React 应用。
基于Firecrawl精准抓取网页结构，结合E2B沙盒和多模型（OpenAI、Anthropic、Gemini、Groq）生成React代码。支持复杂布局和交互，集成Tailwind CSS，提供实时预览和本地部署。
对于前端开发者、UI 设计师、产品经理，甚至想做竞品分析的团队来说，这几乎是一个“秒级原型复制器”。
核心功能
• 一键克隆：一键克隆任何网站为 React 应用，支持复杂布局和交互。 • 多模型支持：支持 OpenAI、Anthropic、Gemini、Groq 等 AI 模型。 • Firecrawl 精准抓取：基于 Firecrawl 抓取网页结构，准确还原样式与内容。 • 本地调试/部署：支持本地调试与部署，并实时预览生成结果。 • E2B沙盒：提供 E2B 沙盒环境，所有代码生成与执行都在隔离环境中进行。
快速上手
Open Lovable 项目是依赖于前端环境的，所以本地需要提前安装 nodejs 工具。
还需要3类服务 API 密钥：
• E2B API 密钥（用于沙盒环境） • Firecrawl API 密钥（用于网页抓取） • 至少一个 AI 提供商的 API 密钥（OpenAI、Anthropic 或 Groq）
① 克隆项目并安装依赖
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install② 设置环境变量
在根目录创建 .env.local 文件，填入事先准备的 API 密钥：
# Required
E2B_API_KEY=your_e2b_api_key # Get from https://e2b.dev (Sandboxes)
FIRECRAWL_API_KEY=your_firecrawl_api_key # Get from https://firecrawl.dev (Web scraping)
# Optional (need at least one AI provider)
ANTHROPIC_API_KEY=your_anthropic_api_key # Get from https://console.anthropic.com
OPENAI_API_KEY=your_openai_api_key # Get from https://platform.openai.com (GPT-5)
GEMINI_API_KEY=your_gemini_api_key # Get from https://aistudio.google.com/app/apikey
GROQ_API_KEY=your_groq_api_key # Get from https://console.groq.com (Fast inference - Kimi K2 recommended)③ 启动服务
npm run dev
在浏览器中打开 http://localhost:3000 即可查看 Open Lovable 界面。
应用场景
• 前端开发：快速克隆网站，生成React原型，节省开发时间。 • 设计师：将Figma设计或现有网站转为可交互Web应用。 • 教育工作者：教授React开发，展示从URL到代码的生成过程。 • 创业团队：快速构建MVP（最小可行产品），测试市场反馈。 • 网站迁移：将旧网站转为React应用。
写在最后
Open Lovable以其一键克隆、开源透明和现代化技术栈，为你提供了一个从任意网站到可编辑React应用的终极解决方案。
有了 React 版本的网页，你不仅能直接运行，还可以随心所欲修改、拆分、整合，甚至将其改造成一个全新的应用。它更像是一个创作的起点，而不是最终成品。
与闭源克隆平台不同，Open Lovable 基于 MIT 协议，无论是个人开发者还是团队，都能自由定制、长期使用，这是任何付费平台无法比拟的优势。
不管是快速原型、学习React还是构建MVP，Open Lovable都能让目标人群事半功倍。
