ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">在快速构建Web应用或原型时，手动复制网站结构和样式耗时且复杂，而现有工具如v0依赖云端，隐私和成本问题突出。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">最近，知名网页抓取工具 Firecrawl 团队放出了一记“王炸”：ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: inherit;color: rgb(66, 166, 100);">Open Lovable。这个完全开源的项目，仅用几天时间就在 GitHub 狂揽 11.8k Star，足以说明它的吸引力。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: inherit;color: rgb(66, 166, 100);">Open Lovable其实是一款开源AI网页克隆工具，通过输入任意网站URL，并利用 Firecrawl 抓取和AI生成，秒级克隆为 React 应用。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">基于Firecrawl精准抓取网页结构，结合E2B沙盒和多模型（OpenAI、Anthropic、Gemini、Groq）生成React代码。支持复杂布局和交互，集成Tailwind CSS，提供实时预览和本地部署。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">对于前端开发者、UI 设计师、产品经理，甚至想做竞品分析的团队来说，这几乎是一个“秒级原型复制器”。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(66, 166, 100);">核心功能ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;color: rgb(63, 63, 63);" class="list-paddingleft-1">ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;text-indent: -1em;display: block;margin: 0.2em 8px;color: rgb(63, 63, 63);">•一键克隆：一键克隆任何网站为 React 应用，支持复杂布局和交互。•多模型支持：支持 OpenAI、Anthropic、Gemini、Groq 等 AI 模型。•Firecrawl 精准抓取：基于 Firecrawl 抓取网页结构，准确还原样式与内容。•本地调试/部署：支持本地调试与部署，并实时预览生成结果。•E2B沙盒：提供 E2B 沙盒环境，所有代码生成与执行都在隔离环境中进行。快速上手
Open Lovable 项目是依赖于前端环境的，所以本地需要提前安装 nodejs 工具。
还需要3类服务 API 密钥：
- • Firecrawl API 密钥（用于网页抓取）
- • 至少一个 AI 提供商的 API 密钥（OpenAI、Anthropic 或 Groq）
① 克隆项目并安装依赖
gitclonehttps://github.com/mendableai/open-lovable.git
cdopen-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)
③ 启动服务
npmrundev
在浏览器中打开http://localhost:3000即可查看 Open Lovable 界面。
应用场景
- •前端开发：快速克隆网站，生成React原型，节省开发时间。
- •设计师：将Figma设计或现有网站转为可交互Web应用。
- •教育工作者：教授React开发，展示从URL到代码的生成过程。
- •创业团队：快速构建MVP（最小可行产品），测试市场反馈。
写在最后
Open Lovable以其一键克隆、开源透明和现代化技术栈，为你提供了一个从任意网站到可编辑React应用的终极解决方案。
有了 React 版本的网页，你不仅能直接运行，还可以随心所欲修改、拆分、整合，甚至将其改造成一个全新的应用。它更像是一个创作的起点，而不是最终成品。
与闭源克隆平台不同，Open Lovable 基于 MIT 协议，无论是个人开发者还是团队，都能自由定制、长期使用，这是任何付费平台无法比拟的优势。
不管是快速原型、学习React还是构建MVP，Open Lovable都能让目标人群事半功倍。