MCPcopy Index your code
hub / github.com/firecrawl/open-lovable

github.com/firecrawl/open-lovable @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
599 symbols 1,483 edges 274 files 32 documented · 5% 27 cross-repo links updated 7mo ago★ 27,36097 open issues
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

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

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Function 460
Interface 86
Method 37
Class 11
Enum 5

Languages

TypeScript100%

Modules by API surface

app/generation/page.tsx28 symbols
components/shared/icons/animated-icons.tsx23 symbols
lib/sandbox/providers/e2b-provider.ts15 symbols
lib/sandbox/providers/vercel-provider.ts14 symbols
lib/edit-intent-analyzer.ts14 symbols
lib/sandbox/sandbox-manager.ts11 symbols
types/file-manifest.ts9 symbols
lib/context-selector.ts9 symbols
lib/sandbox/types.ts8 symbols
lib/morph-fast-apply.ts8 symbols
packages/create-open-lovable/lib/installer.js7 symbols
lib/file-search-executor.ts7 symbols

Dependencies from manifests, versioned

@ai-sdk/anthropic2.0.1 · 1×
@ai-sdk/google2.0.4 · 1×
@ai-sdk/groq2.0.0 · 1×
@ai-sdk/openai2.0.4 · 1×
@anthropic-ai/sdk0.57.0 · 1×
@mendable/firecrawl-js4.3.3 · 1×
@radix-ui/react-accordion1.2.12 · 1×
@radix-ui/react-alert-dialog1.1.15 · 1×
@radix-ui/react-aspect-ratio1.1.7 · 1×

For agents

$ claude mcp add open-lovable \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page