L

Export Code

Download your clean React/Astro code and host it anywhere. No vendor lock-in with Looops AI website builder.

Looops generates real code that you own. Export your project anytime and host it on any platform.

Why Export?

No Vendor Lock-in

Unlike other website builders, you're never trapped:

  • Own your code completely
  • Host anywhere you want
  • Modify freely after export

Your website is yours, forever.

What's Included

Export Contents

When you export, you get:

your-project/
├── src/
│   ├── components/    # React components
│   ├── layouts/       # Page layouts
│   ├── pages/         # Astro pages
│   └── styles/        # CSS files
├── public/
│   └── images/        # All uploaded assets
├── package.json       # Dependencies
├── astro.config.mjs   # Astro configuration
└── tailwind.config.js # Tailwind configuration

Everything needed to run your site independently.

Database Export

If you're using the CMS, your data is exported too:

  • SQLite database file
  • Schema definitions
  • All content you've created

How to Export

Step-by-Step
1

Open Project Settings

Go to your project and click Settings.

2

Click Export

Find the Export Code button in the Danger Zone section.

3

Download ZIP

A ZIP file will download with your complete project.

Hosting Options

Vercel

Deploy to Vercel in minutes:

  1. Push your code to GitHub
  2. Connect the repo to Vercel
  3. Vercel auto-detects Astro and deploys

Free tier available.

Netlify

Similar process for Netlify:

  1. Push code to GitHub
  2. Connect to Netlify
  3. Auto-deploy on push

Free tier available.

Self-Hosting

Run on your own server:

# Install dependencies
npm install

# Build for production
npm run build

# The 'dist' folder contains your static site

Upload dist/ to any static host or web server.

After Export

Making Changes

After export, you can modify the code directly:

  • Edit components in your IDE
  • Add custom integrations
  • Extend functionality

The code is clean and well-organized for easy maintenance.

Coming Back to Looops

Want to use Looops AI again? You can:

  • Continue in your existing Looops project
  • Start fresh and import designs

Note: External changes can't be synced back to Looops.

Next Steps