Carrd
One‑page site builder for simple personal pages, portfolios, and landing pages
VvvebJs
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.
Overview
What is VvvebJs?
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.
Core Capabilities
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.
Deployment & Extensibility
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.
Highlights
Zero dependencies—pure vanilla JavaScript with no build tools required
Visual drag-and-drop editor with live preview and inline code editing
Bootstrap 5 components, media gallery with CC0 search, and Google Fonts support
Extensible architecture supporting custom components and PHP/Node.js backends
Pros
- No framework lock-in or external dependencies simplifies integration
- Lightweight footprint with fast load times and minimal overhead
- Comprehensive feature set including undo/redo, file manager, and theme editor
- Docker support and multiple backend options (PHP/Node.js) for flexibility
Considerations
- Requires webserver for full functionality due to iframe security restrictions
- Bootstrap 5 focus may require custom work for other CSS frameworks
- Documentation primarily wiki-based rather than comprehensive guides
- Image upload and page saving require backend implementation (PHP or Node.js)
Managed products teams compare with
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.
Fit guide
Great for
- Developers building custom CMSs or site generators needing embeddable editors
- Teams requiring framework-agnostic page builders without React/Vue dependencies
- Projects prioritizing small bundle sizes and fast client-side performance
- Low-code platforms targeting Bootstrap 5 or requiring visual HTML editing
Not ideal when
- Teams needing production-ready SaaS page builders with managed hosting
- Projects requiring native support for CSS frameworks beyond Bootstrap 5
- Non-technical users expecting standalone desktop application without setup
- Environments where client-side-only operation without any backend is mandatory
How teams use it
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.
Tech snapshot
JavaScript100%
Frequently asked questions
Does VvvebJs require any JavaScript frameworks like React or Vue?
No. VvvebJs is built with vanilla JavaScript and has zero external dependencies, making it framework-agnostic and easy to integrate into any project.
Can I use VvvebJs without a backend server?
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.
Is VvvebJs limited to Bootstrap 5 components?
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.
How do I save pages created with VvvebJs?
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.
What license does VvvebJs use?
VvvebJs is released under the Apache-2.0 license, allowing commercial use, modification, and distribution with proper attribution.
Project at a glance
Stable- Stars
- 8,363
- Watchers
- 8,363
- Forks
- 1,809
LicenseApache-2.0
Repo age8 years old
Last commit4 months ago
Primary languageJavaScript
Last synced yesterday