一、项目简介 — Open Lovable 是什么?
Open Lovable 是由 MendableAI 团队开发的一个开源项目,它可以让你通过与 AI 对话的方式,即时生成 React 应用。简单来说,你只需与 AI 聊天,就能快速构建现代化的网站或组件。
核心功能包括:
将任意网页克隆为 React 应用:输入目标网址,AI会抓取其页面结构和内容,并生成对应的 React 代码。
多模型支持:兼容多种 AI 模型,如 Anthropic Claude、OpenAI(如 GPT-5)、Groq(Kimi K2)等,灵活定制生成能力。
集成 E2B 沙箱与 Firecrawl 抓取引擎:通过 E2B 提供隔离的代码执行环境,Firecrawl 用于高效抓取网站内容进行解析与理解。
开源免费:项目遵循 MIT 许可证,免费使用,并允许自由修改分发。
二、安装与使用指南
1. 克隆并安装:
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install
2. 配置 API 密钥:
在项目根目录创建 .env.local
,并配置如下内容:
# 必须
E2B_API_KEY=your_e2b_api_key # 来自 https://e2b.dev
FIRECRAWL_API_KEY=your_firecrawl_api_key # 来自 https://firecrawl.dev
# 任选其一使用
ANTHROPIC_API_KEY=your_anthropic_api_key # Claude 模型
OPENAI_API_KEY=your_openai_api_key # GPT-5
GEMINI_API_KEY=your_gemini_api_key # (可选)
GROQ_API_KEY=your_groq_api_key # Groq — 推荐使用 Kimi K2
3. 启动开发服务器:
npm run dev
访问 http://localhost:3000 即可与 AI 聊天,生成 React 应用或组件。
三、核心能力 & 特色功能
自然语言生成:与 AI 对话即可生成页面结构、组件或整个 React 项目。
网页克隆能力:输入网站 URL 后,Firecrawl 抓取页面结构,AI 将其转化为可运行的 Next.js 项目。
灵活模型支持:根据需求选择性能或创意倾向的 AI 模型。
沙箱制环境安全:E2B 沙箱保障代码生成与运行的隔离性与安全性。
开发加速神器:适合快速 prototyping、学习他人网站结构,甚至迁移旧项目至 React。
免费开源:无使用成本,拥有完整源代码可以自由二次开发。
四、更深理解与拓展思路
功能演示视频:GitHub 上有相关演示视频,展示了通过 AI 输入 URL、抓取网站、修改样式、导出项目等流程。
用户反馈与评论:相关博客指出 Open Lovable 适合希望通过自然语言加速 React 开发的开发者,并推荐它作为自由定制、高控制力的工具。
生态背景:MendableAI 出品,项目与火热的 Firecrawl 抓取系统同属生态体系,强调通过结构化内容快速驱动 AI 应用。
社区讨论:已有 PR(如添加 OpenAI 模型支持)、Issue 等活跃代码迭代内容,显示项目仍在成长更新中。
评论区