https://github.com/mendableai/open-lovable
https://github.com/mendableai/open-lovable
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mendableai/open-lovable
- Owner: mendableai
- License: mit
- Created: 2025-08-08T13:04:02.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-08-08T15:13:54.000Z (about 2 months ago)
- Last Synced: 2025-08-08T16:17:13.558Z (about 2 months ago)
- Language: TypeScript
- Size: 245 KB
- Stars: 13
- Watchers: 1
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- StarryDivineSky - mendableai/open-lovable - lovable，是一款能够快速克隆并重建任意网站为现代 React 应用的开源工具，其核心功能是通过 AI 技术将目标网站的结构和设计自动解析为可定制的 React 代码。项目特色包括一键克隆网站、AI 驱动的页面设计生成、组件化架构支持自由调整、以及对多种前端框架（如 React、Vue、Svelte）的兼容性。其工作原理基于用户输入目标网站的 URL，AI 会自动分析网站的 HTML 结构、CSS 样式和交互逻辑，并生成对应的 React 项目代码，同时使用 Tailwind CSS 进行样式渲染，开发者可进一步调整组件布局、颜色主题和交互细节。项目还支持实时预览和多框架导出，用户无需手动编写代码即可快速获得功能完整的前端应用。此外，该项目通过组件化设计实现高度可定制性，开发者可单独修改页面模块或整体样式，同时保留原网站的核心交互逻辑。作为开源项目，open-lovable 旨在降低网站重构的技术门槛，为设计师和开发者提供快速原型搭建和功能迁移的解决方案，特别适用于需要快速生成前端代码、测试设计效果或进行网站功能迁移的场景。 (A01_文本生成_文本对话 / 大语言对话模型及数据)
- awesome - mendableai/open-lovable - 🔥 Clone and recreate any website as a modern React app in seconds (TypeScript)
- Awesome-Vibe-Coding - Open Lovable
README
# Open Lovable
Chat with AI to build React apps instantly.
## Setup
1. **Clone & Install**
```bash
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install
```
2. **Add `.env.local`**
```env
# 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)
GROQ_API_KEY=your_groq_api_key # Get from https://console.groq.com (Fast inference - Kimi K2 recommended)
```
3. **Run**
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000)
## License
MIT