GStars
    firecrawl

    firecrawl/open-lovable

    #10 this week

    🔥 Clone and recreate any website as a modern React app in seconds

    frontend
    TypeScript
    MIT
    27.9K stars
    5.3K forks
    27.9K GitHub watchers
    Updated 7/18/2026
    View on GitHub

    Backblaze Generative Media Hackathon

    Build the next generation of AI media apps with Genblaze, stored on Backblaze B2. $10,000 in prizes.

    Enter the hackathon

    Loading star history...

    Use Cases & Benefits

    • Open Lovable enables instant cloning and recreation of any website as a modern React app using AI.
    • Built with TypeScript, it integrates multiple AI providers like OpenAI, Anthropic, and Gemini for flexible LLM support.
    • Its strengths include rapid app generation and cloud deployment options; limitations involve dependency on API keys and external AI services.
    • Organizations can use it to accelerate frontend development, prototyping, and modernization of legacy websites in production.
    • Ideal use cases include quick React app scaffolding, AI-assisted web development, and seamless cloud deployment with Vercel or E2B.

    About open-lovable

    Open Lovable

    Chat with AI to build React apps instantly. An example app made by the Firecrawl team. For a complete cloud solution, check out Lovable.dev ❤️.

    Open Lovable Demo

    Setup

    1. Clone & Install
    git clone https://github.com/firecrawl/open-lovable.git
cd open-lovable
pnpm install  # or npm install / yarn install
    1. Add .env.local
    # =================================================================
# REQUIRED
# =================================================================
FIRECRAWL_API_KEY=your_firecrawl_api_key    # https://firecrawl.dev

# =================================================================
# AI PROVIDER - Choose your LLM
# =================================================================
GEMINI_API_KEY=your_gemini_api_key        # https://aistudio.google.com/app/apikey
ANTHROPIC_API_KEY=your_anthropic_api_key  # https://console.anthropic.com
OPENAI_API_KEY=your_openai_api_key        # https://platform.openai.com
GROQ_API_KEY=your_groq_api_key            # https://console.groq.com

# =================================================================
# FAST APPLY (Optional - for faster edits)
# =================================================================
MORPH_API_KEY=your_morphllm_api_key    # https://morphllm.com/dashboard

# =================================================================
# SANDBOX PROVIDER - Choose ONE: Vercel (default) or E2B
# =================================================================
SANDBOX_PROVIDER=vercel  # or 'e2b'

# Option 1: Vercel Sandbox (default)
# Choose one authentication method:

# Method A: OIDC Token (recommended for development)
# Run `vercel link` then `vercel env pull` to get VERCEL_OIDC_TOKEN automatically
VERCEL_OIDC_TOKEN=auto_generated_by_vercel_env_pull

# Method B: Personal Access Token (for production or when OIDC unavailable)
# VERCEL_TEAM_ID=team_xxxxxxxxx      # Your Vercel team ID 
# VERCEL_PROJECT_ID=prj_xxxxxxxxx    # Your Vercel project ID
# VERCEL_TOKEN=vercel_xxxxxxxxxxxx   # Personal access token from Vercel dashboard

# Option 2: E2B Sandbox
# E2B_API_KEY=your_e2b_api_key      # https://e2b.dev
    1. Run
    pnpm dev  # or npm run dev / yarn dev

    Open http://localhost:3000

    License

    MIT

    Discover Repositories

    Search across tracked repositories by name or description