Last verified
Build drag-and-drop web pages using a vanilla JavaScript page builder library. Runs on Bootstrap 5 with no dependencies, self-hosted via Git clone or Docker.
VvvebJs loads via a JavaScript init call and points the builder at any HTML page or template. The init API controls which pages, component libraries, and UI panels the editor exposes, giving developers full control over the editing surface.
Teams that need a fully managed hosting platform with CDN, form submission, and user accounts built in. VvvebJs provides the editor; you build or integrate the surrounding infrastructure.
Agencies can build a Bootstrap 5 template, configure the component library to expose the right blocks, and hand clients a browser-based editing interface that saves pages back to a PHP or Node server without any third-party subscription.
Clients who need live collaboration, multi-user version history, or cloud-synced asset management out of the box. VvvebJs saves files to a server but has no built-in multi-user workflows.
The related Vvveb CMS project, maintained in a separate repository, shows a full-featured CMS built on VvvebJs. Teams building their own CMS can use VvvebJs for the visual editing layer and wire in their own content storage, user auth, and routing.
Teams evaluating complete, ready-to-run CMS options. VvvebJs is a library, not a standalone CMS. The full Vvveb CMS project may be a better starting point for turnkey content management.
Building a custom visual page editor from scratch means implementing drag-and-drop logic, a component library, inline text editing, image management, and undo/redo, each as a separate front-end problem. Most teams that need this capability for a CMS or content tool end up paying for hosted commercial tools like Webflow, handing over data control and paying recurring fees for a capability they need to own.
The alternative is assembling third-party drag-and-drop libraries with a build pipeline, which adds maintenance overhead and brittle dependencies. Development teams building white-labeled or embedded editors often find no direct path between a full custom build and a proprietary subscription.
Drag Bootstrap 5 components, content blocks, and layout sections directly onto the page canvas with live preview. The side panel shows the selected element's CSS properties, class list, and editable content inline. No page reload or separate build step is needed to see changes.
An embedded code editor lets users view and edit the raw HTML and CSS of any selected element without leaving the page. Changes apply instantly to the canvas. An optional CKEditor plugin replaces the built-in text editor for richer inline text formatting.
Full undo/redo history covers every drag, drop, and property change in an editing session. A file manager panel shows the full DOM hierarchy of the page, and a breadcrumb bar tracks the selected element's position in the tree, making it easier to select and edit nested elements.
Ships with a full library of Bootstrap 5 UI components and a separate widgets set covering YouTube embeds, Google Maps, Chart.js charts, and animate-on-scroll effects. An SVG icon component bundles hundreds of free icons. Custom component modules load at init time through the JavaScript API.
Pages download as standalone HTML or as a full zip archive including all assets, using the built-in zip plugin. Server-side saving works via save.php for PHP hosts or save.js for a Node.js Express handler, both included in the repository.
A theme editor controls global typography and color palette variables that cascade across all pages using a shared template. The full Google Fonts list is built in for font selection. Templates save as either a site-wide default or a page-specific override.
Webflow and VvvebJs both enable visual web page building, but they serve different deployment models. Webflow is a fully hosted platform managing CDN delivery, form submission, CMS content, and user accounts under a monthly subscription. VvvebJs is a self-hosted JavaScript library covering the editing interface layer only.
| Feature | VvvebJs | Webflow |
|---|---|---|
| License | Apache 2.0 | Proprietary |
| Hosting | Self-hosted | Cloud-only |
| Cost | Free (self-hosted) | Paid subscription |
| CMS built-in | No | Yes |
| Form handling | No | Yes |
VvvebJs is the better choice when you need a page editor embedded in your own application, when your team runs a PHP or Node server and wants full control over saved content, or when you are building with Bootstrap 5. Webflow is the better fit when you want hosting, CMS, and a visual editor managed together under one subscription with no server to maintain.
Framer evolved from a prototyping tool into a hosted website builder favored by design-led teams. Like Webflow, Framer is cloud-only: pages live on Framer's infrastructure and are served from their CDN.
| Feature | VvvebJs | Framer |
|---|---|---|
| License | Apache 2.0 | Proprietary |
| Hosting | Self-hosted | Cloud-only |
| Cost | Free (self-hosted) | Free tier with paid plans |
| React integration | Via wrapper | Native |
| Self-hosting | Yes | No |
Framer suits design-led teams building marketing sites with advanced motion and a polished managed workflow. VvvebJs is the better fit for development teams embedding a customizable editor in their own product, or agencies that need a self-hosted page builder without recurring platform fees.
Self-hosting uses Docker with a built-in PHP environment, or a Git clone served through any web server.
```bash
docker run -p 8080:80 vvveb/vvvebjs
```Yes. VvvebJs is licensed under Apache 2.0, which allows commercial use, modification, and distribution without a fee. You can embed it in a commercial product, ship it to clients, or run it as part of a hosted service without a separate license agreement.
The editor opens and renders from static files, so you can run and test it using any local web server such as Apache, Nginx, or XAMPP. Saving pages back to disk requires PHP (save.php) or Node.js (save.js), both included in the repository. Image uploads also need a server-side script. A purely static frontend deployment is not enough for a full production workflow.
Webflow is a hosted platform managing CDN, CMS, forms, and user accounts under a subscription. VvvebJs is a self-hosted JavaScript library covering the editing interface only. VvvebJs costs nothing to run on your own server, but you handle infrastructure yourself. Webflow is the better choice when you want everything managed; VvvebJs suits teams that need a customizable editor embedded in their own product or want to avoid subscription fees.
Yes. The component system loads JavaScript modules at init time, following the same structure as the built-in Bootstrap 5 and widget libraries. The README includes a JavaScript initialization example, and the project wiki documents the component API for adding new inputs and component types.
Run the official Docker image, which starts the editor and a PHP environment at http://localhost:8080/editor.php. For local development without Docker, clone the repository and open editor.html through a web server like Apache or XAMPP. Chrome can also open it directly using the --disable-web-security flag for quick visual testing without a server.
Alternative to
Webflow
Open source website builder for designers with visual editing and CMS.
Alternative to
Unlayer
Build drag-and-drop page editors inside your own stack.
Alternative to
Stripo
Self-hosted email template builder, 78 blocks, no account needed
Alternative to
Figma
Visual React editor where every design change writes real code
Alternative to
Wix
Open source CMS with a block editor, 60,000+ plugins, and 40% market share.
Alternative toWebflow
Build stunning website, export your code anytime
Run VvvebJs on your own server
Self-host VvvebJs on a Hostinger VPS.
Deploy on HostingerFeatured
Alternative toClaude Managed Agents
Open-source agent deployment API. Self-host or use Omnara Cloud.
Alternative to
Superhuman
AI email assistant that drafts replies and clears your inbox
Alternative to
Grok Bot
AI teammates you own: your keys, your model, your machine.
The projects we add and every new guide. Free, unsubscribe any time.
Claude Code to 
OpenCode
Jira to 
Windshift
Notion to 
AppFlowy
Slack to 
Mattermost
Linear to 
GitLab
Wispr Flow to 
Handy
CapCut to 
Concat
Grok Bot to 
rakazo
Superhuman to 
Inbox Zero
Airtable to 
AITable
Muse to 
OpenClaw
GitHub Copilot to 
Cline
Datadog to 
Netdata
Microsoft Teams to 
Rocket.Chat
Pinecone to 
Qdrant
Zapier to 
n8n
Devin AI to 
OpenHands
Firebase to 
Supabase
1Password to 
KeePassXCConfluence to 
Docmost
Contentful to 
Strapi
Adobe Premiere Pro to 
Shotcut
ChatGPT to 
AnythingLLM
LangSmith to 
Langfuse
