Carrd
One‑page site builder for simple personal pages, portfolios, and landing pages
Open-Source Projects
Discover top open-source software, updated regularly with real-world adoption signals.
Discover top open-source software, updated regularly with real-world adoption signals.
Vanilla JavaScript drag-and-drop page builder with zero dependencies
Lightweight, dependency-free page builder library built with vanilla JavaScript and Bootstrap 5. Drag, drop, and visually edit web pages with live preview and code editing.
VvvebJs is a client-side page builder library that enables visual web page construction through an intuitive drag-and-drop interface. Built entirely with vanilla JavaScript, it requires no external dependencies or build tools, making it exceptionally lightweight and easy to integrate into existing projects.
The library ships with Bootstrap 5 components and a comprehensive visual editor featuring undo/redo operations, live code editing with syntax highlighting, file management, and component hierarchy navigation. Developers can drag components and blocks directly onto pages, resize media elements with handles, and access a media gallery with integrated CC0 image search. Advanced features include Google Fonts integration, animate-on-scroll support, theme editors for typography and color palettes, and widgets for YouTube, Google Maps, and Charts.js.
VvvebJs runs in the browser and can be deployed via simple file hosting, Docker containers, or integrated into PHP/Node.js backends for page saving and image upload functionality. The architecture supports custom component development, allowing teams to extend beyond the default Bootstrap 5 and widget sets. Ideal for developers building CMSs, landing page generators, or low-code editing interfaces who need a framework-agnostic solution without the overhead of heavy dependencies.
When teams consider VvvebJs, these hosted platforms usually appear on the same shortlist.
Looking for a hosted option? These are the services engineering teams benchmark against before choosing open source.
Custom CMS Page Editor
Embed VvvebJs into a content management system to let users visually design pages without writing HTML, saving development time on custom editor interfaces.
Landing Page Generator
Build a marketing tool where users drag Bootstrap 5 sections to create landing pages, export HTML, and deploy without technical knowledge.
White-Label Site Builder
Integrate VvvebJs into a SaaS platform offering branded website creation, leveraging its extensibility to add custom components matching your design system.
Rapid Prototyping Tool
Enable design teams to quickly mock up Bootstrap-based interfaces with real components, exporting production-ready HTML for developer handoff.
No. VvvebJs is built with vanilla JavaScript and has zero external dependencies, making it framework-agnostic and easy to integrate into any project.
You can run the editor locally, but a webserver (Apache, Docker, etc.) is required due to browser iframe security. Image uploads and page saving need PHP or Node.js backends.
No. While it ships with Bootstrap 5 and widget components by default, the architecture is extensible—you can create and register custom components for any framework or design system.
VvvebJs includes example PHP and Node.js scripts (save.php and save.js) that handle page saving. You can also export pages as HTML files or download them as zip archives.
VvvebJs is released under the Apache-2.0 license, allowing commercial use, modification, and distribution with proper attribution.
Project at a glance
ActiveLast synced 4 days ago
