Open Lovable

Open Lovable是什么？

Open Lovable是由Firecrawl团队开发的开源网页克隆与重构工具，能够在几秒钟内将任意网站快速转换为基于现代技术栈的React应用（Next.js + Tailwind CSS + TypeScript）。它适合前端开发者、UI 学习者、创业团队在本地快速获取页面结构与样式，实现二次开发、界面重构或原型搭建。

核心亮点

• 极速网页克隆：输入 URL 即可自动抓取网页内容与资源，生成组件化 React 页面
• 现代化技术栈：Next.js + Tailwind CSS + TypeScript，代码结构清晰、可维护性高
• AI 辅助生成：可选接入 OpenAI、Anthropic、Google Gemini、Groq 等 API，优化页面代码或替换内容
• 多 API 协作：使用 Firecrawl 进行网页抓取，结合 E2B 沙盒环境进行本地/云端运行
• 本地预览与编辑：npm run dev 启动后在 localhost:3000 直接查看并修改 

适用人群

• 前端开发者：快速获取真实网页的结构和样式，做重构或改版
• UI 学习者：分析和学习不同网站的布局、组件拆分方式
• 创业团队 / 产品经理：快速搭建页面原型，用于演示或测试
• 爬虫与数据可视化工程师：结合网页解析和定制数据提取 

Open Lovable官网及使用流程

开源地址：https://github.com/mendableai/open-lovable

1. 克隆并安装：

git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install

2. 添加 .env.local

# 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)

3. 本地运行

npm run dev