mendableai/open-lovableView GitHub Homepage for Latest Official Releases

通过AI对话快速克隆和重建任意网站为现代React应用的开源工具

MITTypeScriptopen-lovablemendableai 10.2k Last Updated: August 14, 2025

Open Lovable 项目详细介绍

项目概述

Open Lovable 是一个开源项目，可以通过AI对话在几秒钟内克隆和重建任意网站为现代React应用。该项目由MendableAI开发并托管在GitHub上，旨在为开发者提供一个免费的替代方案来取代付费的Lovable AI服务。

核心特性

  • AI驱动的代码生成: 通过自然语言与AI对话快速生成React组件、页面或完整应用代码
  • 多AI模型支持: 兼容Anthropic、OpenAI和Groq API，可灵活选择AI提供商
  • 网页爬虫集成: 集成E2B沙盒环境和Firecrawl网页爬虫工具
  • 开源免费: 基于MIT许可证，完全免费开源使用

技术架构

核心组件

  1. E2B沙盒环境: 提供安全的代码执行环境
  2. Firecrawl: 用于网页数据抓取和分析
  3. 多AI模型支持:
  • Anthropic Claude
  • OpenAI GPT系列
  • Groq (推荐Kimi K2模型用于快速推理)

工作流程

在Open Lovable管道中，Firecrawl获取目标网站的布局和元素，然后由AI模型分析生成准确的React克隆：

  1. 用户输入目标网站URL或描述需求
  2. Firecrawl爬取网站内容和结构
  3. AI模型分析并生成对应的React代码
  4. E2B沙盒环境安全执行和预览生成的代码
  5. 用户可以进一步优化和定制代码

安装与配置

环境要求

  • Node.js 16或更高版本
  • npm包管理器
  • 稳定的网络连接（依赖外部API）

快速开始

# 克隆项目
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable

# 安装依赖
npm install

# 配置环境变量
# 创建 .env.local 文件并添加以下API密钥

环境变量配置

# 必需的API密钥
E2B_API_KEY=your_e2b_api_key # 从 https://e2b.dev 获取 (沙盒环境)
FIRECRAWL_API_KEY=your_firecrawl_api_key # 从 https://firecrawl.dev 获取 (网页爬虫)

# 可选的AI提供商 (至少需要一个)
ANTHROPIC_API_KEY=your_anthropic_api_key # 从 https://console.anthropic.com 获取
OPENAI_API_KEY=your_openai_api_key # 从 https://platform.openai.com 获取 (GPT-5)
GROQ_API_KEY=your_groq_api_key # 从 https://console.groq.com 获取 (快速推理 - 推荐Kimi K2)

启动开发服务器

npm run dev

使用场景

开发场景

  1. 原型开发: 克隆竞争对手的网站并将其调整为React应用进行A/B测试
  2. 学习React: 从现有网站生成React代码来学习结构和组件
  3. 遗留系统迁移: 爬取旧的HTML网站并将其转换为现代React以便更容易维护
  4. 电商实验: 克隆商店的布局并使用自定义后端构建React前端

适用人群

  • 希望通过自然语言交互加速React开发的开发者
  • 需要快速原型开发的团队
  • 学习React框架的初学者
  • 希望将传统网站现代化的开发团队

与Lovable AI的对比

优势

虽然Lovable AI功能完善且用户友好，但它是专有软件，付费计划起价为每月25美元。Open Lovable永久免费，但你需要管理API成本

  • 成本: 完全免费开源 vs Lovable AI的月费订阅
  • 定制性: 提供完整源代码访问，支持自定义修改
  • 隐私: 可本地运行，数据不上传到第三方云服务
  • 社区驱动: 开源项目，社区可贡献功能和改进

注意事项

  • 需要手动管理和配置各种API密钥
  • 依赖外部服务（E2B、Firecrawl、AI模型）产生的使用费用
  • 相比商业版本可能需要更多技术知识来配置和维护

API成本参考

  • Groq: 提供免费额度，约$0.0002/1K tokens
  • Firecrawl: 约$0.0001/页面
  • E2B: 提供免费的沙盒环境额度
  • Anthropic/OpenAI: 按使用量计费

总结

Open Lovable 是一个强大的开源工具，通过AI聊天快速生成React应用代码，支持Anthropic、OpenAI和Groq模型，结合E2B沙盒和Firecrawl网页爬虫，帮助开发者快速构建和测试前端组件。它为希望利用AI加速开发流程的开发者提供了一个免费、开源、可定制的解决方案。

虽然需要一些技术配置和API成本管理，但相比商业替代方案，它提供了更大的灵活性和控制权，特别适合重视代码透明度和定制能力的开发者和团队。

Star History Chart