How to Bulk Delete Unused Fields in Bubble.io (Time-Saving Script)
🚀 Tired of manually cleaning up your Bubble.io app? Discover the one-click script that instantly deletes unused fields, custom types, and option sets—saving you hours of work! #NoCodeHack
💡 Pro Tip: Always back up your app first—Bubble’s markup can change! 👇 Learn how in <1 min.
If you’ve ever cleaned up a Bubble.io app, you know how tedious it is to manually delete unused fields, custom types, and option sets. Luckily, there’s a faster way! In this guide, I’ll share a simple JavaScript snippet to bulk-delete unwanted elements in seconds—no more endless clicking.
Why Clean Up Your Bubble App?
Over time, deleted fields and legacy data clutter your app’s backend, causing:
Slower performance from unnecessary metadata
Confusion when navigating your database
Risk of errors if old fields are accidentally referenced
Manual deletion works, but it’s time-consuming. Automate it instead!
The Quick Fix: Bulk Delete Script
Here’s how to remove all deleted items at once:
Open your Bubble editor and navigate to the "General" tab. Click “Optimize Application”
Paste this script into your browser’s console (Ctrl+Shift+J or Cmd+Opt+J on Mac):
// Find all description elements that contain "Deleted"
const deletedContainers = Array.from(document.querySelectorAll('div.description'))
.filter(el => el.textContent.includes('Deleted'));
// For each container, locate the checkbox and trigger a click
deletedContainers.forEach(container => {
const checkbox = container.querySelector('.component-checkbox');
if (checkbox) {
checkbox.click();
}
});