Open-Lovable – An open-source AI-powered website cloning tool by Firecrawl

What is Open-Lovable?

Open-Lovable is an open-source project launched by the Firecrawl team. It allows users to quickly clone any website into a modern React application using AI technology. After entering a target website URL, Firecrawl scrapes the content, then an AI model generates React code to output a complete application. Open-Lovable integrates multiple AI providers’ APIs (such as Anthropic, OpenAI, Google Gemini, etc.) for automated building. Users should pay attention to copyright and legal compliance when using the tool.

Key Features of Open-Lovable

• Fast Cloning: Quickly scrape target website content and structure.

• Automated Building: Use AI technology to automatically generate React components and code, speeding up application development.

• Multi-AI Support: Compatible with various AI providers (Anthropic, OpenAI, Google Gemini, etc.), allowing users to choose different services as needed.

• Local Execution: Run and test cloned applications in a local environment for convenient development and debugging.

• Flexible Configuration: Use configuration files (e.g., .env.local) to set API keys and parameters to fit different development needs.

Project Links

• GitHub Repository: https://github.com/pkmixx/open-lovable

How to Use Open-Lovable

1. Clone the Project

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


2. Install Dependencies

   npm install


3. Configure Environment Variables
   Create a file named .env.local in the project root and add the necessary environment variables, including API keys for web scraping and AI services. For example:

   # 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 # https://console.anthropic.com
OPENAI_API_KEY=your_openai_api_key # https://platform.openai.com (GPT-5)
GEMINI_API_KEY=your_gemini_api_key # https://aistudio.google.com/app/apikey
GROQ_API_KEY=your_groq_api_key # https://console.groq.com (Fast inference - Kimi K2 recommended)


4. Run the Project

   npm start


   This will launch a development server, typically at http://localhost:3000, where you can view the generated React application.

Application Scenarios of Open-Lovable

• Education & Learning: Developers and students can quickly generate React code as a hands-on tool to learn React component development, state management, and routing concepts.

• Rapid Prototyping: Startups and development teams can quickly generate React versions of websites for proof-of-concept or market research, saving time and cost.

• Data Visualization: By scraping specific website data and generating React apps, developers can rapidly build visualization dashboards (e.g., news trends or real-time monitoring).

• Development Assistance: Generate initial React component code for complex pages as a starting point, reducing repetitive work and enabling faster iteration.

• Content Migration & Refactoring: Migrate traditional websites to the modern React tech stack, or use as a foundation for cross-platform app development, supporting further refactoring and expansion.