API Connector
BubbleTyped server-side functions in src/server/api-connector.ts
Converts
Plugins
Bubble plugins → code: what each becomes in Next.js
Plugins are the part of a Bubble app that doesn’t come with an obvious code equivalent. These are the ones deBub converts today — 35 completely and 10 in part — and what each becomes in your Next.js app.
Status computed from the compiler on .
How plugins convert
- Visual elements
- React components drawn from your settings, on the library the plugin wraps where it’s a maintained one.
- Inputs
- Bind to your data like built-in inputs: “X’s value”, reset and change workflows behave the same.
- API and payment plugins
- Server-side calls on the official SDK or REST API, with keys in environment variables.
- Utilities
- Small components or browser helpers that publish the plugin’s own states and events.
Plugins that convert today
Data & APIs1
Payments2
Stripe
BubbleServer-side calls on the official Stripe SDK, with Stripe Checkout for payments
Partly converts · 14 of 34 parts
Server-side API calls to Stripe’s customer portal
Converts
Sign-in1
Google sign-in through Supabase Auth
Converts
Email3
Email for Canvas
AirdevServer-side email sending through SendGrid or Postmark
Partly converts · 2 of 9 parts
SendGrid
Copilot / withcopilot.comServer-side calls to the SendGrid API
Converts
Server-side calls to the Postmark API
Converts
Inputs & forms8
Ionic Elements
BubbleA React component that ships with your app: icons, toggle, range slider and checkbox
Converts
Rich Text Editor
BubbleA rich text input built on Quill 2
Converts
Multiselect Dropdown
BubbleA React component that ships with your app: a multi-select with tags
Converts
Instant text
AirdevA React component that ships with your app that reads an input as the user types
Converts
Star Rating
BubbleA React component that ships with your app: a star rating input
Converts
Fuzzy search & Autocomplete
ZeroqodeA search component built on Fuse.js
Converts
A React component that ships with your app: a switch input
Partly converts · 4 of 8 parts
A React component that ships with your app that counts characters
Converts
Charts2
Chart.js
BubbleA line/bar chart component drawn with Chart.js 1.1.1
Converts
A line chart component built on ApexCharts
Converts
Icons4
Material Icons
BubbleAn icon component using the Material Icons font
Converts
Feather Icons
AirdevAn icon component using the feather-icons package
Converts
Heroicons
Minimum CodeIcons from @heroicons/react
Partly converts · 8 of 19 parts
An icon component using the feather-icons package
Converts
Interface9
AirAlert
AirdevToast notifications from a small browser helper
Converts
Progress Bar
BubbleA React component that ships with your app
Converts
Draggable Elements
BubbleA React component that ships with your app: drag/drop groups and drop areas
Partly converts · 3 of 4 parts
Canvas UI Elements
AirdevA React component that ships with your apps for Airdev Canvas
Partly converts · 18 of 21 parts
Tiktok like swipe
NalfeA React component that ships with your app that detects swipes
Converts
Browser helpers that animate elements
Partly converts · 2 of 3 parts
CSS scroll snapping on the repeating group
Converts
A React component that ships with your app that rotates an element
Converts
A React component that ships with your app: a CSS loading spinner
Converts
Media2
An audio player component built on Howler.js
Converts
A React component that ships with your app: an audio player
Converts
Utilities13
Toolbox
Not Quite UnicornsComponents and browser helpers; your own JavaScript runs in the browser as before
Partly converts · 9 of 10 parts
CSS Tools
ZeroqodeA React component that ships with your app plus browser helpers
Partly converts · 8 of 11 parts
Offline Notify
AirdevA React component that ships with your app that shows connection notices
Converts
File Downloader
AirdevA browser helper that downloads a file
Converts
Device Detector
NalfeA React component that ships with your app that reports the device type
Converts
A React component that ships with your app that reports the browser platform
Converts
A React component that ships with your app that produces a list of numbers
Converts
A React component that ships with your app for browser storage
Converts
Browser helpers
Partly converts · 2 of 3 parts
Browser helpers
Converts
Nothing to convert — Next.js already serves the new version
Converts
A React component that ships with your apps that pass data between reusable elements
Converts
A React component that ships with your app that detects when an element is in view
Converts
Questions
More on how the rest of your app maps: Bubble to Next.js + Supabase.
- What happens to a plugin that isn’t on this list?
- Its elements get a placeholder of the right size and its actions a marked TODO in the code, and your report lists every one with its location, so it can be finished with the assistant or by any developer. The rest of the app is converted as usual. The free scan shows the status of each plugin in your app before you pay.
- What does “partly converts” mean?
- Some of the plugin’s elements, actions or events convert and some don’t yet. Each plugin’s page lists what doesn’t, in plain words; where your app uses one of those parts, it is marked in the code and listed in your report.
- Are plugin API keys copied?
- No. Keys and secrets from plugin settings are removed from your export when it arrives. The generated app reads them from environment variables, listed in .env.example, and server-side plugin calls never send them to the browser.
- Do converted plugins still need jQuery or Bubble’s code?
- No. Visual plugins become React components — on the library the plugin itself wraps when that’s a maintained one, such as Chart.js, Quill, ApexCharts or Howler — and small jQuery widgets are rewritten as React components.
Leave Bubble.
Keep building.
The scan is free and shows your exact price. No card needed until you choose to generate.