In simple English
This tool lets you add a drag and drop website builder to your own web application. Your users can arrange sections, edit text, and design pages visually without writing code. It runs entirely in the browser using standard JavaScript without heavy frameworks. You can embed it into your own dashboard or self-hosted project for free. It requires some technical setup to connect file saving and image uploads to your server.
What it is
VvvebJs is an open source JavaScript library that provides a complete visual website editor interface. It includes prebuilt components for the Bootstrap 5 design framework, a file manager, and a live code view.
What it is good for
Solo builders who want to add a page builder feature to their software product without building a visual editor from scratch.
- No external framework dependencies or complex build tools are required to run it.
- Comes with built-in support for Bootstrap 5 components, widgets, and icons.
- Includes optional scripts for saving pages and uploading images using PHP or Node.
- Requires a local web server or disabled browser security settings to run out of the box.
- Saving files and uploading media require you to configure backend PHP or Node scripts.
- Has over 300 open issues on GitHub, which indicates you may need to fix bugs yourself.
building a custom drag and drop website editor from scratch
Bootstrap 5 for styling user interface elements
- GrapesJS/grapesjs26k stars
Another popular open source web builder framework with component mapping and rich plugin support.
- SVG-Edit/svgedit7.8k stars
A vector drawing editor that runs in a browser and can be embedded in a web page.
- viliusle/miniPaint3.5k stars
A layered image editor that runs in a browser, with no upload and nothing installed.
- johanmattssonm/birdfont561 stars
A free desktop editor for drawing a typeface and exporting it as an installable font file.
git clone --recurse-submodules https://github.com/givanz/VvvebJs docker-compose up