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