Open Lovable：一键『克隆』任意网站为 React 应用的神器 | O's World

最近在逛 GitHub 的时候，刷到了一个极其亮眼的项目——由 Firecrawl（前 MendableAI）团队开源的 Open Lovable。目前该项目在 GitHub 上已经狂飙到了 24k+ Star，可谓是前端开发者和原型设计师的效率杀手锏。

简单来说，Open Lovable 的用法几乎是“零门槛”：你只需要把你想“复刻”的网站链接丢进去，它就能在几秒内为你生成一个高度还原的 React 版本代码。不管是页面布局、样式还是交互细节，它都会尽可能贴近原站，让你在拿来进行二次开发时倍感顺手。

项目地址：http://github.com/mendableai/open-lovable
开源协议：MIT

核心亮点速览

Open Lovable 之所以能迅速爆火，离不开它扎实且直击痛点的功能设计：

1. 一键“克隆”，所见即所得

它可以一键把任意网站“克隆”为现代化的 React 应用。无论是简单的落地页还是结构复杂的页面，它都能顶住压力，快速生成对应的组件代码。并且支持本地调试与部署，生成的同时即可提供预览，做到真正的“所见即所得”。

2. 底层抓取更稳：基于 Firecrawl

市面上有不少类似的代码生成工具，但它们往往会在读取复杂网页结构时“翻车”。Open Lovable 背靠自家强大的 Firecrawl 网页抓取技术，能够精准提取原站的页面结构、DOM 树和清洗后的内容，这使得最终交由大模型生成的代码还原度更高、视觉表现更一致。

3. 多模型随意切，不折腾

不想被单一的大模型绑定？没问题。项目内置了对多种主流 LLM 的支持，你可以根据自己的 API 额度或者偏好，无缝接入 OpenAI、Anthropic、Gemini、Grok 等多种模型，按需切换，丰俭由人。

4. 集成 E2B 沙盒，运行更安全

生成的代码直接跑怕有风险？环境配置太麻烦？Open Lovable 贴心地集成了 E2B 沙盒环境。代码的运行与测试都可以在隔离的沙盒中完成，不仅安全防泄漏，也让整个测试流程更加省心。

上手体验

由于采用了完全自由的 MIT 协议，这款工具完全开源且免费。你只需要：

1. 将项目拉取到本地。
2. 配置好相关的 API key（如你想使用的大模型 API 以及 Firecrawl 等对应的 Key）。
3. 直接开跑！

git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install
# 配置 .env 文件填入相应的 API Key
npm run dev

如果你经常需要参考其他网站的优秀设计，或者需要快速构建高保真产品原型，Open Lovable 绝对值得你把它加入到生产力工具箱中！赶快拉取代码亲自体验一下吧！