11.8k Star 爆火！Firecrawl开源王炸，秒级生成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);">在快速构建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 密钥：

• • E2B 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（最小可行产品），测试市场反馈。
• •网站迁移：将旧网站转为React应用。

写在最后

Open Lovable以其一键克隆、开源透明和现代化技术栈，为你提供了一个从任意网站到可编辑React应用的终极解决方案。

有了 React 版本的网页，你不仅能直接运行，还可以随心所欲修改、拆分、整合，甚至将其改造成一个全新的应用。它更像是一个创作的起点，而不是最终成品。

与闭源克隆平台不同，Open Lovable 基于 MIT 协议，无论是个人开发者还是团队，都能自由定制、长期使用，这是任何付费平台无法比拟的优势。

不管是快速原型、学习React还是构建MVP，Open Lovable都能让目标人群事半功倍。