Media
4 items
Description
Paste AI-generated UI elements, database schemas and dynamic expressions straight into the Bubble.io editor. No DevTools required. Bubble's editor keeps its copy/paste clipboard inside the browser, not your operating system's. That means nothing from outside Bubble can be pasted in. No generated UI, no schema you designed elsewhere. You rebuild it by hand, field by field, click by click. This extension fixes that. PASTE A UI ELEMENT 1. Generate a Bubble UI element as JSON (from Claude, from LumiDevKit, or from your own tooling) 2. Click the container on your Bubble canvas where it should land 3. Open the extension, paste the JSON, click Paste to App The element appears inside your selected container with its structure and styling intact. PASTE A DATABASE SCHEMA 1. Design your data model in LumiDevKit's Database Visualizer, or bring your own JSON 2. Open any tab of the target Bubble editor 3. Paste and click The extension opens the Data tab and creates every data type and option set in order, with live progress as it goes. Types that already exist are skipped, so re-running is safe. A data type you deleted in Bubble doesn't block its re-paste; a deleted option set does, and the extension names the one to restore first. References between types resolve as each item lands. A long paste keeps running if you click back into the page, and a Stop button ends it at the next item, so a data type is never left half-created. A stop can leave two things behind, and the extension tells you when it does: a type part way through the optional field top-up below, and a temporary option set that the next run clears up by itself. There is also an opt-in checkbox, off by default, to add missing fields to data types you already built. Leave it off and the paste only creates types that don't exist yet. Turn it on and it will also fill in fields on existing types, including Bubble's built-in User. PASTE AN EXPRESSION 1. Bring a dynamic expression as JSON 2. Open the Bubble app it was built for, then click Paste to App 3. Right-click the expression box in the editor and choose "Paste expression" The last step is deliberately manual. Bubble's expression editor has no programmatic paste, so the extension stages the expression on the clipboard and hands the final click to you. LOADING YOUR JSON Paste it into the box, or click "Load .json" to pick a file. Your input survives the popup closing, so clicking into the page does not lose it. WHY IT EXISTS Building a data model by hand in Bubble means a lot of clicking, and a typo in a field name is a bug you find three screens later. Same story for UI: you can describe the interface you want in seconds and then spend an hour assembling it. Moving both across as structured data removes the transcription step entirely. WHAT IT DOES NOT DO - No account, no sign-up, no licence key - Collects nothing. No analytics, no tracking, no telemetry. Nothing you paste leaves your browser - Runs only on bubble.io. It is inert everywhere else Free, and part of LumiDevKit, a free toolkit for Bubble developers at lumidevkit.com.