前段时间就看到这个 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 整合了多种技术,以实现端到端的网站克隆流程:
构建的一款 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)。
是的,开源版这玩意儿主要是前端生成,闭源的可全栈。它所使用的Firecrawl 最终生成的克隆效果以前也是有演示过的,效果不错: Cursor + MCP:效率狂飙!一键克隆网站、自动调试错误,社区:每个人都在谈论MCP!
Open Lovable的网站克隆:输入 URL 后,AI 代理解析网页结构并生成可编辑的 React 应用副本,支持二次开发 。动态内容生成:可以结合 Firecrawl 抓取外部数据(如新闻列表),自动生成数据驱动的组件 。
而商业版 Lovable.dev 支持多人同步编辑(类似 Google Docs),提升团队效率提供私有项目、自定义域名、高级安全功能、优先技术支持等增值服务。
其实在这个 Open Lovable 项目之前,还有一款克隆工具也是新出来的:ScreenCoder 是由中科院学生团队开发的开源工具,能够将任意 UI 界面截图或设计草图转换为干净、可编辑的 HTML/CSS 代码。
它采用了多智能体的模块化架构,分阶段进行视觉理解、布局规划和代码生成,最终产出的代码既符合原始设计风格,又具有较强可编辑性。ScreenCoder 支持调用多种大型模型(如 “Doubao”、阿里的 “Qwen”、OpenAI 的 GPT 系列以及 Google 的 Gemini)来生成代码。
开发者或设计师只需准备好模型的 API 密钥,即可使用 ScreenCoder 快速将界面设计图转成可运行的网页代码。
开源社区的建立为 Lovable 提供了“免费 R&D 和营销”,在产品正式发布前,已有大量用户和社区成员对产品产生兴趣和信任。这种“开源先行”的策略降低了获客成本,并为后续商业化提供了基础 。
Lovable 通过多种方式鼓励用户参与和社区运营:
3. 社交裂变与病毒式传播
Lovable 通过“社交裂变”机制促进用户增长:
4. 开源与社区驱动的商业模式
Lovable 的增长策略强调“先社区、后商业”的路径。开源社区不仅为 Lovable 提供了早期用户和信任,还为后续商业化提供了基础。开源项目的成功吸引了大量开发者和用户,为 Lovable 的商业化提供了“免费流量”和“信任背书” 。
使用 Open Lovable 的基本步骤非常简单:
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install
拉取项目并安装所需的 Node.js 包。.env.local
文件,填入获得的 E2B、Firecrawl 以及一个 AI 模型(如 Groq/Kimi 或 OpenAI/GPT、Anthropic/Claude)的 API 密钥。这些密钥用于安全执行代码、抓取网页和调用 AI 接口。npm run dev
启动本地开发服务器,然后在浏览器打开 http://localhost:3000
。在应用界面粘贴任意网站的 URL,比如 https://example.com
。Open Lovable 会先用 Firecrawl 抓取站点数据,再通过 Kimi 模型生成 React 项目,最后输出一个完整的 React 应用包,用户可以下载并通过 npm start
运行。src/pages/index.tsx
中的提示词或框架目标),或直接将项目推送到 GitHub 并用 Vercel 等平台部署上线。
以上。🌟 知音难求,自我修炼亦艰,抓住前沿技术的机遇,与我们一起成为创新的超级个体(把握AIGC时代的个人力量)。