explaingit

firecrawl/open-lovable

★ 26,398TypeScriptAudience · vibe coderComplexity · 4/5QuietLicenseSetup · moderate

TLDR

Open-source AI app builder that lets you chat with an AI to create React web apps and recreate existing websites as modern React code in seconds.

Mindmap

mindmap
  root((repo))
    What it does
      Chat with AI
      Build React apps
      Scrape websites
      Recreate as code
    Key features
      Self-hostable
      Multiple AI providers
      Website scraping
      Code sandbox
    Use cases
      Rapid prototyping
      Website recreation
      Custom app builder
      Cost control
    Tech stack
      TypeScript
      React
      Vercel or E2B
    Audience
      Vibe coders
      Developers
      AI tool users

Things people build with this

USE CASE 1

Quickly prototype a new web app by describing it to the AI and letting it generate React code.

USE CASE 2

Scrape an existing website and instantly convert it into a modern, editable React application.

USE CASE 3

Build and customize AI-powered coding tools on your own infrastructure without paying for hosted services.

USE CASE 4

Experiment with different AI providers (Claude, Gemini, OpenAI) to find the best fit for your workflow.

Tech stack

TypeScriptReactFirecrawlVercelE2BClaudeGeminiOpenAI

Getting it running

Difficulty · moderate Time to first run · 30min

Requires API keys for Claude/OpenAI/Gemini and Firecrawl to use core features.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice and license text.

In plain English

Open Lovable is an open-source tool that lets you chat with an AI to build React apps, web applications built with a popular framework called React, instantly. Its headline trick is the ability to scrape any existing website and recreate it as a modern React app within seconds. It was built by the Firecrawl team as a free, self-hostable alternative to the popular Lovable.dev service. This project is aimed at vibe coders and developers who want an AI-powered app builder they can run on their own infrastructure rather than paying for a hosted service. Because it's open source, you can inspect how it works, modify it, and connect it to whichever AI provider you prefer, Google Gemini, Anthropic Claude, OpenAI, or Groq are all supported. Setting it up requires some technical comfort: you'll clone the code from GitHub, install dependencies, and add API keys for Firecrawl (which handles the website-scraping part) and your chosen AI provider. It also needs a sandbox environment, essentially a safe container where generated code can run, using either Vercel or E2B. This is a developer tool, not a point-and-click product. For builders who are already using AI coding tools and want more control over costs and customization, Open Lovable provides a working foundation. It's a practical reference implementation showing how tools like Lovable work under the hood, and it's free to self-host under the MIT license.

Copy-paste prompts

Prompt 1
I want to set up Open Lovable locally. Walk me through cloning the repo, installing dependencies, and configuring API keys for Firecrawl and Claude.
Prompt 2
How do I use Open Lovable to scrape a website and turn it into a React app? What's the step-by-step process?
Prompt 3
Show me how to modify Open Lovable to use a different AI provider instead of the default, and explain where the provider logic lives in the codebase.
Prompt 4
I want to self-host Open Lovable and use E2B as my sandbox instead of Vercel. What configuration changes do I need to make?
Prompt 5
Help me understand how Open Lovable's website scraping works under the hood and how it converts scraped content into React components.
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.