MCPcopy
hub / github.com/firecrawl/open-lovable

github.com/firecrawl/open-lovable @main sqlite

repository ↗ · DeepWiki ↗
599 symbols 1,483 edges 274 files 32 documented · 5%
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

SandboxFile (Interface)
(no doc)
types/sandbox.ts
ConversationMessage (Interface)
(no doc)
types/conversation.ts
FileInfo (Interface)
(no doc)
types/file-manifest.ts
HeroInputProps (Interface)
(no doc)
components/HeroInput.tsx
CodeApplicationState (Interface)
(no doc)
components/CodeApplicationProgress.tsx
SandboxPreviewProps (Interface)
(no doc)
components/SandboxPreview.tsx
HMRErrorDetectorProps (Interface)
(no doc)
components/HMRErrorDetector.tsx
MetricBarsProps (Interface)
(no doc)
components/app/(home)/sections/ai-readiness/MetricBars.tsx

Core symbols most depended-on inside this repo

cn
called by 199
utils/cn.ts
addChatMessage
called by 56
app/generation/page.tsx
runCommand
called by 36
lib/sandbox/providers/e2b-provider.ts
sendProgress
called by 33
app/api/generate-ai-code-stream/route.ts
sleep
called by 26
utils/sleep.ts
sendProgress
called by 26
app/api/apply-ai-code-stream/route.ts
log
called by 23
app/generation/page.tsx
animate
called by 21
components/app/(home)/sections/hero-scraping/Tag/Tag.tsx

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×
@e2b/code-interpreter2.0.0 · 1×
@eslint/eslintrc3 · 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×
@radix-ui/react-avatar1.1.10 · 1×

For agents

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

⬇ download graph artifact