givanz/vvvebjs

VvvebJs is a drag-and-drop page builder that runs entirely in the browser. It lets you visually construct web pages by dragging pre-built components, sections, and layout blocks into place, then editing their properties through a side panel. The result is an HTML file you can download, export, or save to a server. There is a live demo on the project's website where you can try it without installing anything. One notable aspect of VvvebJs is that it has no dependencies beyond Bootstrap 5, a widely-used CSS framework for building responsive layouts. There is no build step, no bundler, and no external packages required. The library is written in plain JavaScript, which means you can include it in a project by adding a few script tags rather than setting up a full build pipeline. The feature list includes undo and redo, a file manager for navigating page structure, a live code editor with syntax highlighting, image upload, Google Fonts support, and widgets for things like YouTube embeds, Google Maps, and charts. A media gallery is built in with support for searching free-to-use images. You can also animate elements on scroll and edit global typography and color settings for the whole page at once. To run it locally you need either a basic web server (such as Apache or XAMPP) or Docker, because the browser's built-in security blocks the editor's iframe features when opened directly as a file. Saving pages requires either PHP or Node.js on the server side. Docker is the quickest path if you have it available: one command starts a container and exposes the editor on port 8080. The project is open-source under the Apache 2.0 license. A companion project called Vvveb CMS uses this library as the page-building component inside a full content management system, if you need something beyond the standalone editor.