# Open Lovable

依據 OpenAITools.app 於 2026-11-11 查驗的觀測資料，Open Lovable（open-lovable.com）是收錄於 AI 網站建置工具的 AI 平台，每月產生 1.13萬次造訪，月流量變化量為 +26（+0.2%）。其主要地理市場為印度（流量佔比 30.2%），並採用免費定價模式。依每月流量計算的主要競爭替代方案包括 Lovable（每月 3105.21萬次造訪），Anima（每月 28.33萬次造訪），Legasite - Website Redesigner（每月 64 次造訪）。

免費將任意網站變成 React/Next.js 應用

## 主要觀測資料與規格

| 指標 | 數值 |
| :--- | :--- |
| 工具名稱 | Open Lovable |
| 代稱 | open-lovable |
| Status | active |
| Origin | open_source |
| Maintenance | active |
| 官方網域 | open-lovable.com |
| 網站網址 | https://open-lovable.com |
| 分類 | AI 網站建置工具, AI 程式碼生成器, AI 開發者工具, AI 網頁擷取 |
| 定價模式 | 免費 |
| 每月造訪次數 | 11,305 |
| 月流量變化 | 26 |
| 月成長率 | +0.2% |
| 主要市場 | 印度 |
| 市佔率 | 30.2% |
| 直接造訪 | 3,892 |
| 自然搜尋造訪 | — |
| 社群造訪 | — |
| 推薦流量造訪 | 1,190 |
| 電子郵件造訪 | 408 |
| 評論分數 | 4.6 |
| 收藏數 | 1 |
| 支援平台 | 網站 |
| 帳務平台 |  |
| 屬性 | 功能: 網站; 價格: 免費 |
| 標籤 | AI 網站建置工具, 開源, React 應用程式生成器, Next.js 應用程式生成器, 網站複製, 程式碼生成, AI 網頁開發工具, 免費工具, MIT 授權, TypeScript, Tailwind CSS, 網頁擷取, LLM |

## 總覽

Open Lovable 是一款免費、開源的開發者工具，可將任意網站變成可運行的 React/Next.js 應用。它由 Mendable AI 打造，作為付費網站建置工具的替代方案，將網頁抓取與大型語言模型結合：抓取目標站點的 HTML、CSS 和佈局，讓 AI 模型分析結構，然後把介面重新生成為乾淨、現代的元件，並使用 Tailwind CSS 樣式。

輸出是生產就緒的 TypeScript 與現代 React hooks 程式碼，完全歸你所有。由於採用 MIT 授權，你可以 fork 專案、替換不同的 AI 模型（專案支援 Claude、GPT、Groq 和 Google Gemini）、修改提示詞，或擴展到其他框架。生成的程式碼在隔離的 E2B Sandbox 中執行，確保測試運行安全。

專案本身可免費使用、修改和分發。你只需為它所依賴的第三方服務付費——用於程式碼執行的 E2B Sandbox、用於抓取的 Firecrawl，以及 AI 模型 API——其中大多數都提供免費額度。開發者複製倉庫並設定少量 API 金鑰即可在本機運行。

## 價格與方案

免費且採用 MIT 授權的開源專案，無訂閱、無用量限制。你只需為接入的第三方服務付費，例如 E2B Sandbox、Firecrawl 和 AI 模型 API，其中許多都提供免費額度或試用額度。

## 關鍵功能與能力

- **AI 驅動的網站複製:** 貼上任意網站 URL，工具會抓取其 HTML、CSS 和佈局，並在數秒內重新生成為現代 React 元件。
- **乾淨的 React 和 TypeScript 輸出:** 輸出為生產就緒的 React/Next.js 程式碼，包含現代 hooks、TypeScript 和 Tailwind CSS 樣式，可直接部署或擴展。
- **安全的沙箱執行:** 在隔離的 E2B Sandbox 環境中執行生成的程式碼，讓實驗保持安全與受控。
- **互動式 AI 對話優化:** 以對話方式優化結果——讓 AI 對話調整樣式、佈局或功能，無需手動改程式碼。
- **100% 開源可自託管:** MIT 授權、社群驅動：可 fork、替換 AI 模型、修改提示詞或自託管，無訂閱或用量限制。

## 主要使用情境

- **從現有設計快速搭建介面 (前端開發者):** 把參考站點的佈局重建為 React 起點，然後將其客製化為自己的產品，無需手動重寫標記。
- **基於線上頁面快速原型 (產品團隊或代理商):** 從線上頁面快速生成 React/Next.js 元件和 Tailwind 樣式，在工程團隊接手前加速原型驗證。
- **自託管可客製的程式碼生成器 (獨立開發者或折騰黨):** Fork 這個 MIT 授權的倉庫，替換為你偏好的模型或服務商，並自託管到自己的基礎設施或工作流中。

## 優勢

- 完全免費，採用 MIT 授權，無訂閱
- 生成乾淨的 React/Next.js 和 TypeScript 程式碼，完全歸你所有
- 支援多種 AI 模型，包括 Claude、GPT、Groq 和 Gemini
- 可自託管、可 fork，無用量限制
- 透過 E2B Sandbox 安全執行生成的程式碼

## 限制

- 需要自行提供 E2B、Firecrawl 和 AI 模型的 API 金鑰
- 更適合熟悉 Node.js 和設定環境變數的開發者
- 生成的程式碼通常仍需人工審查和調整

## 常見問題

### Open Lovable 是什麼，由誰維護？
它是由 Mendable AI 建立的免費、MIT 授權開源專案，作為 Lovable.ai 等付費工具的替代方案。它使用 Firecrawl 抓取目標網站，用大型語言模型分析結構，並將介面重新生成為乾淨的 React/Next.js 程式碼。

### Open Lovable 真的免費嗎？
專案本身免費且可自託管。你需要自備 E2B Sandbox（安全程式碼執行）、Firecrawl（抓取）以及至少一個 AI 模型服務商（如 OpenAI、Anthropic 或 Groq）的 API 金鑰。這些服務許多都提供免費額度或試用額度。

### 我可以自訂生成的輸出嗎？
可以。你能替換 AI 模型、編輯系統提示詞、擴展框架，或直接修改生成的程式碼，程式碼完全歸你所有。在 MIT 授權下支援自託管和 fork。

### 自己運行需要什麼？
你需要本機安裝 Node.js 18+，以及 E2B Sandbox、Firecrawl 和一個 LLM 服務商的 API 金鑰。複製倉庫、安裝依賴、設定 .env 檔案，然後在本機運行開發伺服器即可。

### Open Lovable 的每月流量與成長趨勢為何？
Open Lovable 目前每月有 1.13萬次造訪，月流量變化為 +26（成長率 +0.2%）。其主要來源市場為印度（佔比 30.2%），其中包含每月 3892 次直接造訪與每月 — 次自然搜尋造訪。

### Open Lovable 是免費的嗎？其定價模式為何？
Open Lovable 採用免費定價模式。免費且採用 MIT 授權的開源專案，無訂閱、無用量限制。你只需為接入的第三方服務付費，例如 E2B Sandbox、Firecrawl 和 AI 模型 API，其中許多都提供免費額度或試用額度。支援的帳務與結帳平台包括：未列出。

### 2026 年最佳的 Open Lovable 替代方案有哪些？
依據 OpenAITools.app 的分類流量與功能契合度，Open Lovable 的前五大替代方案為：1. Lovable（每月 3105.21萬次造訪）; 2. Anima（每月 28.33萬次造訪）; 3. Legasite - Website Redesigner（每月 64 次造訪）; 4. Clonesite AI（每月 3721 次造訪）; 5. IMG2HTML（每月 3.25萬次造訪）。

### Open Lovable 支援哪些平台與核心 AI 能力？
Open Lovable 分類於 AI 網站建置工具, AI 程式碼生成器, AI 開發者工具, AI 網頁擷取，支援以下平台：網站，其核心能力標籤包括：AI 網站建置工具, 開源, React 應用程式生成器, Next.js 應用程式生成器, 網站複製, 程式碼生成。

## 替代方案

| 工具名稱 | 每月造訪次數 | 定價模式 | 比較 |
| :--- | :--- | :--- | :--- |
| [Lovable](https://openaitools.app/tw/tool/lovable) | 31,052,090 | 免費增值 | [比較](https://openaitools.app/tw/compare/lovable-vs-open-lovable) |
| [Anima](https://openaitools.app/tw/tool/anima) | 283,307 | 免費增值 | [比較](https://openaitools.app/tw/compare/anima-vs-open-lovable) |
| [Legasite - Website Redesigner](https://openaitools.app/tw/tool/legasite-website-redesigner) | 64 | 免費增值、付費 | [比較](https://openaitools.app/tw/compare/legasite-website-redesigner-vs-open-lovable) |
| [Clonesite AI](https://openaitools.app/tw/tool/clonesite-ai) | 3,721 | 免費增值、付費、需聯絡報價 | [比較](https://openaitools.app/tw/compare/clonesite-ai-vs-open-lovable) |
| [IMG2HTML](https://openaitools.app/tw/tool/img2html) | 32,471 | 免費試用、付費 | [比較](https://openaitools.app/tw/compare/img2html-vs-open-lovable) |
| [Readdy](https://openaitools.app/tw/tool/readdy) | 425,313 | 免費增值 | [比較](https://openaitools.app/tw/compare/open-lovable-vs-readdy) |
| [AI Love Code](https://openaitools.app/tw/tool/ai-love-code) | 1,423 | 免費增值 | [比較](https://openaitools.app/tw/compare/ai-love-code-vs-open-lovable) |
| [v0 by Vercel](https://openaitools.app/tw/tool/v0-dev-by-vercel-labs) | 2,774,275 | 免費增值 | [比較](https://openaitools.app/tw/compare/open-lovable-vs-v0-dev-by-vercel-labs) |
| [Open SaaS](https://openaitools.app/tw/tool/open-saas) | 8,996 | 免費 | [比較](https://openaitools.app/tw/compare/open-lovable-vs-open-saas) |
| [CodeDesign.ai](https://openaitools.app/tw/tool/codedesign-ai) | 126,602 | 免費增值、付費 | [比較](https://openaitools.app/tw/compare/codedesign-ai-vs-open-lovable) |
| [JustCopy.ai](https://openaitools.app/tw/tool/justcopy-ai) | 4,875 | 免費增值 | [比較](https://openaitools.app/tw/compare/justcopy-ai-vs-open-lovable) |
| [Windframe](https://openaitools.app/tw/tool/windframe) | 23,909 | 付費 | [比較](https://openaitools.app/tw/compare/open-lovable-vs-windframe) |

---
來源：https://openaitools.app/tw/tool/open-lovable