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

Generate Custom HTML/JavaScript with NoCodeFusion

Hey everyone!

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

:movie_camera: 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/

6 Likes

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!

1 Like

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 :saluting_face:

1 Like

Pretty cool :sunglasses:

1 Like

Thanks Jonah :grin:

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?