首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >上线 5 天狂揽 8.4K Star,Firecrawl 的 Open Lovable 火了,一键克隆任何网站。

上线 5 天狂揽 8.4K Star,Firecrawl 的 Open Lovable 火了,一键克隆任何网站。

作者头像
AI进修生
发布2025-09-30 15:11:13
发布2025-09-30 15:11:13
1390
举报
文章被收录于专栏:AI进修生AI进修生

前段时间就看到这个 Open Lovable项目了,当时只有几百Star,因为复刻Bolt、Manus这样的项目太多了,没当回事。

这几天一看,涨得好快。Open Lovable 在 GitHub 发布 5 天内获得 8.4K Star ,成为热门项目。现在更是10K+了。

Open Lovable 是 Mendable AI (开发出Firecrawl那个)推出的一个开源项目,能够在几秒钟内将任何网站克隆并重建为可编辑的 React 应用。

与类似的商业产品 Lovable AI(需订阅费用)不同,Open Lovable 完全免费并且开源(MIT 许可证),允许用户自由克隆、修改和部署代码。

快速克隆网站:只需在界面输入目标网站的 URL,Open Lovable 就会自动调用 Firecrawl 抓取该站点内容,然后通过 AI 生成对应的 React 项目代码,最后输出完整可运行的应用。

Open Lovable 整合了多种技术,以实现端到端的网站克隆流程:

  • E2B 沙盒:一种云端隔离执行环境,用于安全运行生成的 React 代码,防止运行时的恶意或错误脚本影响本地环境。开发者可以申请免费的 E2B API 密钥,将代码提交至沙盒中编译和测试。
  • Firecrawl 网页抓取:Firecrawl 是 Mendable 团队开发的强大爬虫 API,能高效地抓取网页并返回结构化内容(HTML、文本、图像等),同时自动处理常见的 JavaScript 渲染和反爬机制。在 Open Lovable 中,Firecrawl 负责爬取目标网站的布局和数据,为 AI 模型提供输入。
  • 整合流程:上述组件协同工作,形成一个可重复的流程:首先 Firecrawl 爬取网页内容,接着 AI 模型分析生成 React 代码,最后 E2B 沙盒负责运行输出成果。

构建的一款 Next.js 应用程序示例:


Open Lovable 在 GitHub 发布 5 天内获得 8.4K Star ,成为热门项目 。 这和Firecrawl自身的热度有关。同时也跟原版闭源Lovable的热度有关。

原版(Lovable.dev):

2023 年中:其前身前身项目 GPT-Engineer开源, 在 GitHub 获 52,000 Star,引爆 GitHub, 这为其商业转型奠定用户基础 。

商业版Lovable随后在 60 天内达成 1000 万美元 ARR (年化收入),8 个月突破 1 亿美元 ARR ,增速超过 Cursor、OpenAI 等企业 。

推出时积累 27,000 人等待名单 ,30 天用户留存率达 85% (高于 ChatGPT)。

开源版与闭源Lovable的差异

是的,开源版这玩意儿主要是前端生成,闭源的可全栈。它所使用的Firecrawl 最终生成的克隆效果以前也是有演示过的,效果不错: Cursor + MCP:效率狂飙!一键克隆网站、自动调试错误,社区:每个人都在谈论MCP!

Open Lovable的网站克隆:输入 URL 后,AI 代理解析网页结构并生成可编辑的 React 应用副本,支持二次开发 。动态内容生成:可以结合 Firecrawl 抓取外部数据(如新闻列表),自动生成数据驱动的组件 。

而商业版 Lovable.dev 支持多人同步编辑(类似 Google Docs),提升团队效率提供私有项目、自定义域名、高级安全功能、优先技术支持等增值服务。

  • 提供更灵活的计费模式(如按信用额度计费),并支持企业级定制化服务。
  • 提供更高级的用户管理、权限控制和集成能力(如 GitHub、Supabase 等) 。
  • 商业版免费额度仅 5 次/日,高阶需求需高价订阅

其实在这个 Open Lovable 项目之前,还有一款克隆工具也是新出来的:ScreenCoder 是由中科院学生团队开发的开源工具,能够将任意 UI 界面截图或设计草图转换为干净、可编辑的 HTML/CSS 代码。

它采用了多智能体的模块化架构,分阶段进行视觉理解、布局规划和代码生成,最终产出的代码既符合原始设计风格,又具有较强可编辑性。ScreenCoder 支持调用多种大型模型(如 “Doubao”、阿里的 “Qwen”、OpenAI 的 GPT 系列以及 Google 的 Gemini)来生成代码。

开发者或设计师只需准备好模型的 API 密钥,即可使用 ScreenCoder 快速将界面设计图转成可运行的网页代码。

了解一下,闭源Lovable的用户增长策略

开源社区的建立为 Lovable 提供了“免费 R&D 和营销”,在产品正式发布前,已有大量用户和社区成员对产品产生兴趣和信任。这种“开源先行”的策略降低了获客成本,并为后续商业化提供了基础 。

Lovable 通过多种方式鼓励用户参与和社区运营:

  • 用户生成内容(UGC)和分享:Lovable 提供了“Launched”平台,用户可以在该平台上分享自己用 Lovable 构建的应用,形成“社交货币效应”。用户通过分享项目、参与 Hackathon、提交案例等方式,形成用户之间的互动和传播 。
  • 社区激励与奖励机制:Lovable 通过“Linkable”工具、用户生成内容(UGC)和社区活动(如 Hackathon)鼓励用户参与和传播。例如,用户提交的项在“Launched”平台上的展示和投票机制,增强了用户的参与感和成就感 。
  • 社区反馈与迭代:Lovable 团队高度重视用户反馈,快速响应用户需求,不断优化产品功能。例如,用户反馈的 UI 问题和功能需求被迅速修复和改进,增强了用户粘性 。

3. 社交裂变与病毒式传播

Lovable 通过“社交裂变”机制促进用户增长:

  • 用户生成内容(UGC)的传播:用户生成的项目和案例成为“活广告”,通过社交平台(如 Twitter、LinkedIn)传播,吸引新用户 。
  • 社区驱动的口碑传播:Lovable 的用户社区和生态(如 Discord、论坛、博客)成为用户自发传播和推广的渠道 。

4. 开源与社区驱动的商业模式

Lovable 的增长策略强调“先社区、后商业”的路径。开源社区不仅为 Lovable 提供了早期用户和信任,还为后续商业化提供了基础。开源项目的成功吸引了大量开发者和用户,为 Lovable 的商业化提供了“免费流量”和“信任背书” 。

Open Lovable 快速入门

使用 Open Lovable 的基本步骤非常简单:

  1. 克隆仓库并安装依赖:在终端运行: git clone https://github.com/mendableai/open-lovable.git cd open-lovable npm install 拉取项目并安装所需的 Node.js 包。
  2. 配置 API 密钥:在项目根目录创建 .env.local 文件,填入获得的 E2B、Firecrawl 以及一个 AI 模型(如 Groq/Kimi 或 OpenAI/GPT、Anthropic/Claude)的 API 密钥。这些密钥用于安全执行代码、抓取网页和调用 AI 接口。
  3. 启动并克隆:运行 npm run dev 启动本地开发服务器,然后在浏览器打开 http://localhost:3000。在应用界面粘贴任意网站的 URL,比如 https://example.com。Open Lovable 会先用 Firecrawl 抓取站点数据,再通过 Kimi 模型生成 React 项目,最后输出一个完整的 React 应用包,用户可以下载并通过 npm start 运行。
  4. 扩展与部署:用户可以按需切换不同模型(例如使用 Claude/GPT 替代 Kimi),修改项目源码(src/pages/index.tsx 中的提示词或框架目标),或直接将项目推送到 GitHub 并用 Vercel 等平台部署上线。 以上。

🌟 知音难求,自我修炼亦艰,抓住前沿技术的机遇,与我们一起成为创新的超级个体(把握AIGC时代的个人力量)。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-08-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 AI进修生 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 开源版与闭源Lovable的差异
  • 了解一下,闭源Lovable的用户增长策略
  • Open Lovable 快速入门
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档