Vvveb is a drag and drop page builder library written in vanilla JavaScript without dependencies or build tools.
The tool addresses the need for a lightweight, embeddable page builder that can be integrated into web applications without requiring external dependencies or complex build processes. It works by providing a visual editor where users can drag components, blocks, and snippets onto a canvas, with the interface supporting both single and dual panel layouts. The editor includes undo/redo operations, a file manager, component hierarchy navigation, and a live code editor with syntax highlighting. It comes bundled with Bootstrap 5 components and includes features like image upload, page export or server save, media gallery with image search, responsive element resizing, Google Fonts integration, and widgets for YouTube, Google Maps, and Charts.js.
Teams should choose this tool if they need a page builder that can run without a build step or external JavaScript dependencies, making it suitable for quick integration into existing projects or hosting environments with minimal setup. It works well for projects targeting Bootstrap 5-based designs and for developers who prefer vanilla JavaScript. The tool is particularly suited to scenarios where a lightweight footprint matters, such as shared hosting or environments where npm dependencies are impractical. The README does not make comparisons to alternative page builders.
The project maintains active development with regular updates to its codebase. Documentation is available through a wiki and community discussions are facilitated through a dedicated forum. The tool is demonstrated through a live editor and includes example scripts for both PHP and Node.js backends to support page saving functionality. Docker support is provided for local development and deployment scenarios.
