GrapesJS/grapesjs ? reverse-engineered prompt

Reverse engineered prompt

Build me a visual web page editor, kind of like a simple open-source version of Squarespace or Wix. The idea is that someone with no coding skills can build a landing page or an email template using a drag-and-drop interface.

The main screen should have a canvas area where you can see the page you're creating. On the side, there should be a panel with pre-built components like text boxes, images, columns, and buttons that you can drag onto the canvas. When you click on any element on the page, a style editor should appear, letting you change things like colors, fonts, spacing, and borders.

I'd also like it to have a layer manager that shows the hierarchy of elements, and a simple asset manager for uploading images. Finally, there should be a way to see the generated HTML/CSS code and an option to save the project. Local storage is fine for saving.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab