open-lovable
π₯ Clone and recreate any website as a modern React app in seconds
File Explorer
- mcp.json
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- page.tsx
- GeistMonoVF.woff
- GeistVF.woff
- page.tsx
- favicon.ico
- globals.css
- landing.tsx
- layout.tsx
- page.tsx
- sheets.ts
- ControlPanel.tsx
- InlineResults.tsx
- MetricBars.tsx
- RadarChart.tsx
- ScoreChart.tsx
- EndpointsCrawl.tsx
- EndpointsExtract.tsx
- EndpointsMap.tsx
- EndpointsScrape.tsx
- EndpointsSearch.tsx
- Extract.tsx
- Mcp.tsx
- CenterStar.tsx
- Background.tsx
- BackgroundOuterPiece.tsx
- Badge.tsx
- AnimatedRect.ts
- BlinkingContainer.ts
- Dot.ts
- cell.ts
- cellReveal.ts
- crawl.ts
- index.ts
- mapping.ts
- scrape.ts
- search.ts
- ascii.ts
- Pixi.tsx
- Title.tsx
- Hero.tsx
- data.json
- HeroFlame.tsx
- ArrowRight.tsx
- Globe.tsx
- Button.tsx
- Mobile.tsx
- Tabs.tsx
- HeroInput.tsx
- BrowserMobile.tsx
- BrowserTab.tsx
- Check.tsx
- Loading.tsx
- Code.tsx
- Tag.tsx
- HeroScraping.css
- HeroScraping.tsx
- home-page-components.md
- SidebarInput.tsx
- SidebarQuickInput.tsx
- Button.css
- Button.tsx
- capsule-button.tsx
- fire-action-link.tsx
- index.ts
- slate-button.tsx
- color-styles.tsx
- combobox.tsx
- flame-effects.md
- auth-pulse.tsx
- pulse-data.json
- grid-data.json
- slate-grid.tsx
- subtle-wave.tsx
- wave-data.json
- ascii-explosion.tsx
- core-flame.json
- core-flame.tsx
- explosion-data.json
- flame-background.tsx
- Flame.tsx
- hero-flame-data.json
- hero-flame.tsx
- index.ts
- subtle-explosion.tsx
- index.ts
- subtle-ascii-animation.tsx
- firecrawl-icon-static.tsx
- firecrawl-icon.tsx
- Logo.tsx
- Download.tsx
- Guidelines.tsx
- Icon.tsx
- BrandKit.tsx
- Content.tsx
- NavItemRow.tsx
- data.json
- Flame.tsx
- Github.tsx
- Item.tsx
- Mobile.tsx
- ArrowUp.tsx
- Replit.tsx
- Flame.tsx
- Stories.tsx
- Wrapper.tsx
- GithubIcon.tsx
- GithubClient.tsx
- Affiliate.tsx
- Api.tsx
- ArrowRight.tsx
- Careers.tsx
- Changelog.tsx
- Chats.tsx
- Lead.tsx
- MCP.tsx
- Platforms.tsx
- Research.tsx
- Student.tsx
- Templates.tsx
- ChevronDown.tsx
- Item.tsx
- Nav.tsx
- RenderEndpointIcon.tsx
- Toggle.tsx
- Wrapper.tsx
- HeaderContext.tsx
- animated-chevron.tsx
- animated-icons.tsx
- arrow-animated.tsx
- check.tsx
- chevron-slide.tsx
- copied.tsx
- copy.tsx
- curve.tsx
- fingerprint-icon.tsx
- GitHub.tsx
- Logo.tsx
- openai.tsx
- source-icon.tsx
- symbol-colored.tsx
- symbol-white.tsx
- tremor-placeholder.tsx
- wordmark-colored.tsx
- wordmark-white.tsx
- getImageSrc.ts
- Image.tsx
- animated-height.tsx
- animated-width.tsx
- curvy-rect-divider.tsx
- curvy-rect.tsx
- Shimmer.tsx
- usage-loading.tsx
- Logocloud.css
- Logocloud.tsx
- index.ts
- logo-cloud.tsx
- slack-notification.tsx
- Pixi.tsx
- PixiAssetManager.ts
- utils.ts
- types.ts
- PortalToBody.tsx
- json-error-highlighter.tsx
- live-preview-frame.tsx
- multiple-web-browsers.tsx
- web-browser.tsx
- search-params-provider.tsx
- SectionHead.css
- SectionHead.tsx
- SectionTitle.tsx
- Tabs.tsx
- app-dialog.tsx
- ascii-dot-loader.tsx
- dot-grid-loader.tsx
- empty-state.tsx
- index.ts
- loading-state.tsx
- mobile-sheet.tsx
- stat-card.tsx
- portal-to-body.tsx
- animated-dot-icon.tsx
- animated-height.tsx
- ascii-background.tsx
- ascii-flame-background.tsx
- hero-flame.tsx
- lockBody.tsx
- pylon.tsx
- scramble-text.tsx
- accordion.tsx
- alert-dialog.tsx
- badge.tsx
- button.css
- button.tsx
- card.tsx
- checkbox.tsx
- collapsible.tsx
- combobox.tsx
- context-menu.tsx
- data-table.tsx
- dialog.tsx
- dropdown-menu.tsx
- form.tsx
- input.tsx
- label.tsx
- navigation-menu.tsx
- popover.tsx
- progress.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- slider.tsx
- switch.tsx
- tabs.tsx
- textarea.tsx
- toast.tsx
- toggle.tsx
- tooltip-radix.tsx
- tooltip.tsx
- button.tsx
- checkbox.tsx
- code.tsx
- input.tsx
- label.tsx
- select.tsx
- spinner.tsx
- textarea.tsx
- CodeApplicationProgress.tsx
- FirecrawlIcon.tsx
- FirecrawlLogo.tsx
- HeroInput.tsx
- HMRErrorDetector.tsx
- SandboxPreview.tsx
- app.config.ts
- useDebouncedCallback.ts
- useDebouncedEffect.ts
- useSwitchingCode.ts
- provider-manager.ts
- e2b-provider.ts
- vercel-provider.ts
- factory.ts
- sandbox-manager.ts
- types.ts
- build-validator.ts
- context-selector.ts
- edit-examples.ts
- edit-intent-analyzer.ts
- file-parser.ts
- file-search-executor.ts
- icons.ts
- morph-fast-apply.ts
- utils.ts
- installer.js
- prompts.js
- .env.example
- README.md
- .env.example
- README.md
- index.js
- package.json
- compressor.json
- file.svg
- firecrawl-logo
- firecrawl.svg
- globe.svg
- window.svg
- custom-fonts.css
- theme.css
- utility-patterns.css
- component-styles.md
- button.css
- code.css
- index.css
- design-system.md
- body.css
- layout.css
- reset.css
- animations.css
- colors.css
- fonts.css
- typography.css
- utilities.css
- chrome-bug.css
- colors.json
- fire.css
- inside-border-fix.css
- main.css
- conversation.ts
- file-manifest.ts
- sandbox.ts
- cn.ts
- init-canvas.ts
- set-timeout-on-visible.ts
- sleep.ts
- .env.example
- .gitignore
- bun.lock
- colors.json
- eslint.config.mjs
- LICENSE
- next.config.ts
- package-lock.json
- package.json
- pnpm-lock.yaml
- postcss.config.mjs
- README.md
- tailwind.config.ts
- tsconfig.json
# Installation Guide
node- Node.js 18.x or higher
- pnpm latest
- Firecrawl API Key
Setup Steps
git clone https://github.com/firecrawl/open-lovable.git
Clone the repository.
pnpm install
Install project dependencies.
cp .env.example .env.local
Copy and configure the environment variables file.
pnpm dev
Start the development server.
Key Commands
pnpm install
Install all package dependencies specified in package.json.
pnpm dev
Start the Next.js development server to run the app locally.
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Command Glossary
Commands referenced in this DOCs, explained below.
git clone
View Details βΌ
git clone
Clone an existing repository.
git clone {{remote_repository_location}} {{path/to/directory}}
Clone an existing repository into a new directory (the default directory is the repository name):
git clone --recursive {{remote_repository_location}}
Clone an existing repository and its submodules:
git clone {{[-n|--no-checkout]}} {{remote_repository_location}}
Clone only the `.git` directory of an existing repository:
pnpm
View Details βΌ
pnpm
Fast, disk space efficient package manager for Node.js.
Manage Node.js projects and their module dependencies.
pnpm init
Create a `package.json` file:
pnpm {{[i|install]}}
Download all the packages listed as dependencies in `package.json`:
pnpm add {{module_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
vercel
View Details βΌ
vercel
Deploy and manage your Vercel deployments.
vercel
Deploy the current directory:
vercel --prod
Deploy the current directory to production:
vercel {{path/to/project}}
Deploy a directory:
