How it works

Compiled from your app, not redrawn.

The .bubble export describes every element, style, workflow and data type. Our pipeline reads it the way Bubble does and writes it out as a typed codebase — deterministically, so the same app always produces the same code. You never have to touch it: launch in guided steps, then keep building by describing what you want.

01Overview

Five steps.

01
Upload
Export your app from the Bubble editor (Settings → General → Export application) and drop the .bubble file in.
The export contains your app's design and logic — never your users' data. Uploads go straight to private storage.
example-bookings.bubble2.3 MB
02
Scan
A free quick scan reads the export and shows exactly what's in it, what converts automatically, and the fixed price.
Counts come from the export itself, not estimates. The price is set by pages and workflows, and doesn't change later.
pages
9
workflows
136
types
12
03
Review
Pay once, then make three optional choices: describe unusual plugins, leave out unused pages, keep the look 1:1 or modernize it.
Defaults give a faithful one-to-one conversion. Changes save as you go.
Pages 7 of 8
Design Original 1:1
04
Generate
Your app is compiled deterministically — database, pages, logic, assets — then built and type-checked before anything is delivered.
Progress follows the real build steps. If a step fails, a retry continues from where it stopped.
1. Building the database
2. Building pages and logic
3. Verifying the build
05
Launch
Preview it hosted, read the report, then go live in a guided flow: your own database with your Bubble data copied over, the code in your GitHub, deployed to Vercel. One free regeneration within 30 days.
The code is yours outright — no runtime, licence fee or platform to stay on. Keep building with the assistant, or any AI tool you like.
✓ pushed to github.com/you/your-app
main · private repository

02Traceability

Every line maps back to your app.

Generated elements keep their Bubble id, so you can always find where something came from.

Bubble export · pagelogin

Elements

Workflow · When Button Sign in is clicked

src/components/pages/login/LoginPage.tsxGenerated

1export function LoginPage() {
2  const router = useRouter();
3  const [email, setEmail] = useState("");
4  const [password, setPassword] = useState("");
5
6  // When Button Sign in is clicked
7  async function handleButtonSignInClicked() {
8    await supabase.auth.signInWithPassword({ email, password });
9    router.push("/dashboard");
10  }
11
12  return (
13    <main data-bubble-id="bSPa0" className="bg-[#f7f5f2]">
14      <input data-bubble-id="bSPa3" type="email" … />
15      <input data-bubble-id="bSPa4" type="password" … />
16      <button data-bubble-id="bSPa7" onClick={handleButtonSignInClicked}>
17        Sign in
18      </button>
19    </main>
20  );
21}

Hover an element or workflow step to see the code it became.data-bubble-id keeps every line traceable to your app

03In detail

What happens at each step.

01
Upload
Export your app from the Bubble editor (Settings → General → Export application) and drop the .bubble file in.
The export contains your app's design and logic — never your users' data. Uploads go straight to private storage.
02
Scan
A free quick scan reads the export and shows exactly what's in it, what converts automatically, and the fixed price.
Counts come from the export itself, not estimates. The price is set by pages and workflows, and doesn't change later.
03
Review
Pay once, then make three optional choices: describe unusual plugins, leave out unused pages, keep the look 1:1 or modernize it.
Defaults give a faithful one-to-one conversion. Changes save as you go.
04
Generate
Your app is compiled deterministically — database, pages, logic, assets — then built and type-checked before anything is delivered.
Progress follows the real build steps. If a step fails, a retry continues from where it stopped.
05
Launch
Preview it hosted, read the report, then go live in a guided flow: your own database with your Bubble data copied over, the code in your GitHub, deployed to Vercel. One free regeneration within 30 days.
The code is yours outright — no runtime, licence fee or platform to stay on. Keep building with the assistant, or any AI tool you like.

04Deliverables

What you get.

your-app/Delivered repository

AGENTS.md
bubble-gaps.json
migration/
README.md
scripts/
migrate-data.ts
src/
app/
page.tsx
page.tsx
pages/
reusable/
db/
workflows.ts
migrations/
0001_schema.sql
0002_rls.sql

05Report

What you'll know.

Fidelity report · per page

reset_pw · desktop99.7/100

Every element of the original page measured against the generated one: present, position and size, computed style, and text.

Measured on a real conversion against the live Bubble page. Your report shows a score for each page we can measure.

Needs your attention

Plugin elementsplugins
A chart from a plugin with no automatic equivalent yet — a placeholder holds its place.
Show and hide logiclogic
A popup shown by a condition that wasn't converted — built, and hidden.
Privacy rulesdata
A field-level rule that needs a decision — locked down to the safe side.

Every item is marked in the code. Most take minutes with the assistant.

Leave Bubble.
Keep building.

The scan is free and shows your exact price. No card needed until you choose to generate.

Start with a free scan

Compiled from your app, not redrawn.

Five steps.

Upload

Scan

Review

Generate

Launch