How to easily add Custom HTML/Javascript to your Bubble app

NoCodePete · 2025-02-26T15:40:04.497Z

Generate Custom HTML/JavaScript with NoCodeFusion

Hey everyone!

You can now generate incredible custom HTML/JavaScript implementations using the NoCodeFusion Chrome Extension.

See a demo here:

With this feature, you can recreate some of the most popular plugins on the Bubble marketplace, such as:

Charts
Calendars
Fabric.js

(as demonstrated in the video!)

Is this feature for everyone?

No!

Plugins are still great for those who truly do not want to touch a line of code—and I support you!

But for those who are comfortable getting their hands dirty with some custom code, this will:

Make your life easier
Save you money on plugins

Key Features:

Auto-organizes the code to work seamlessly with Bubble
Uses JavascriptToBubble & Run JavaScript (from the free Toolbox plugin) to trigger events/actions
Pass Bubble data into the HTML editor using expressions (not shown in the video, but possible!)

Get NoCodeFusion here: https://nocodefusion.com/

hi.luisacosta · 2025-02-26T15:50:01.560Z

Great video man! This is really going to level up the experience for many Bubblers.

Seems like you already have a concept of what libraries to use & you prompt the chat to use toolbox – could be helpful to new guys if some of that was ready to go.

Just a thought, super cool anyway!

NoCodePete · 2025-02-26T17:27:01.635Z

Thanks! And yeah, if you were to just ask it for “a bar chart” for example, it will know to use a library. And it will know to use the toolbox plugin. I mainly wrote that out in the video for clarity.

But that’s definitely a good point! Will keep it in mind

jonah.deleseleuc · 2025-02-26T18:11:57.723Z

Pretty cool

NoCodePete · 2025-02-26T18:43:19.001Z

Thanks Jonah

jonah.deleseleuc · 2025-02-26T19:09:04.046Z

This is a neat idea I think you can improve and even help with if you’d like. I’m sure you know that you can copy and paste elements via right click in bubble and even across applications.

The element information JSON is actually saved to the device clipboard. I’m wondering if it would be possible to study the structure of this JSON and have your LLM model use it. Instead of generating HTML it could generate JSON that you can paste into your app.

Maybe worth an investigation?