How it works:

Start with a GrapesJS canvas that already includes a ready-to-edit image compare block (Before / After).

Replace the images with your own (upload or set URLs).

Optionally add headings, text, buttons, or any other GrapesJS components to craft a complete page.

When you’re done, export as standalone HTML or as a ZIP with assets. Open that file in a browser and the slider becomes interactive.