How to Export Your App from Bubble.io

If you're building with Bubble.io, there may come a time when you want to review your app's internal structure, back it up, or even convert it into native code. While Bubble doesn't allow you to export full source code (like HTML or JavaScript), it does let you export your app as a .bubble JSON file.

This file includes your app's pages, elements, and styles-great for analysis, documentation, or conversion using tools like ReCode. But did you know you can also export your data?

Why Export from Bubble?

Exporting your Bubble app can help you:

• Review and document your layout
• Plan a rebuild in another platform
• Version control your app structure
• Use tools like ReCode to generate native code
• Export database tables for backups or migration

What's Inside the .bubble File?

The .bubble export is a structured JSON file that includes:

• Layout definitions from your pages (mobile_views)
• Components and reusable elements (element_definitions)
• Color and style settings (styles)
• Some basic metadata and app-level settings

Note: this file is not executable. It does not contain traditional code like HTML or JavaScript. It can't be run on its own - it's a structural export.

Is Exporting Allowed?

Yes - Bubble allows you to export your app for reference, documentation, and backup purposes.

However:

• You cannot use it to clone or recreate your app outside Bubble in a way that violates their Terms of Use
• You may use it to analyze and document your app's structure (this is explicitly discussed on Bubble's forum)

If you're considering a full migration, make sure to check Bubble's terms and consult legal support if needed.

Step-by-Step: Exporting Your App File

Exporting is simple - here's how:

• Open your app in Bubble editor
• Go to Settings → General
• Scroll to App File Management
• Click Export Application → You'll get a .bubble JSON file.

It's a single JSON file that represents the entire app's design structure.

How to Export Your Data (App Database)

You can also export your app's data from Bubble:

• In the Bubble editor, go to the Data tab
• Select App Data from the sidebar
• Choose the data type (table) you want
• Click Export (typically CSV format)

This exports your table entries in CSV, useful for backups or migration to other databases.

Importing Data Back into Bubble

To restore or migrate data:

• Go to Data → App Data
• Click Upload
• Map your CSV columns to Bubble's data fields
• Review and complete import

Note: Tools like ReCode use your .bubble file in-memory only. It's not stored or shared and is discarded after code is generated.

What You Can Do with These Exports

• .bubble file: Analyze structure, plan migrations, generate React Native code (via tools like ReCode)
• CSV data exports: Migrate data, create backups, or import into other systems

Note: Tools like ReCode use your .bubble file in-memory only. It's not stored or shared and is discarded after code is generated.

Final Notes

• The .bubble file is a valuable asset for planning, auditing, or transitioning your app - but use it responsibly. Rebuilding or launching apps based on this file outside of Bubble may violate licensing terms.
• CSV exports reflect live app data and can be imported or migrated easily.
• If you want full control of your app's codebase, consider platforms that offer code export - or explore tools like ReCode, which help bridge the gap.
• Always verify any automated migration and follow Bubble's Terms of Service.

If you need help generating native code from .bubble files, or planning a migration, check out ReCode - we're here to help.