Forum Documentation Showcase Pricing Learn more

Drag and Drop Page Builder

Hey bubblers,

I had some time this morning so I created a drag and drop page builder!

View the app here

Really just a proof of concept, but I built a little demo app that allows users to create pages, edit them using a drag and drop editor and then view them. There are still quite a few bugs.

But this can be customized to allow users to build email templates, custom profiles or anything else really!

12 Likes

On mobile but looks like it’s GrapeJs? I’m sure it’s a lot more fluid on desktop.

Yeah not built for mobile,

But yeah exactly!
it’s a plugin that is using a slightly modified version of GrapesJS

1 Like

Very cool!

1 Like

I can’t seem to view the page I built, it’s just a blank page with the unique ID in the URL. I also tried disabling ad-block.

What email did you sign up as?

I can take a look at it

This is really good and it’s something that I would pay money for!

If you could do the same with a HTML email builder as well then you can just take my money now!!!

2 Likes

HTML Email builder is 100% possible!

DM me your specific use case

2 Likes

Nice work! Really impressive

The UI is very similar to Webflow. Amazing.

How the hell do you throw this together in one morning? lol. Great work and thanks for sharing.

Having had a look, I’m wondering now if it is possible to solve a UI/UX challenge that I previously thought bubble wasn’t capable of handling. The requirement is to enable my PAAS/SAAS end users to create their own basic flowcharts / mind maps with connections to the bubble database. (e.g. clicking on step 1 of a process flow could open a popup for the user to view additional contextual info such as lower level task info or work instructions). All data in this use case (process info + diagrams etc) to be created within Bubble. It would require each shape to have its own unique ID for linking to other data tables.

So am I dreaming? I thought I was, but then I saw this snazzy piece of work… Anyone have any ideas?

Look good. keep up.

It is definitely possible! But it would just require a custom plugin that uses a javascript library built for making flowcharts.

1 Like