git404hub

what is vvvebjs fr?

givanz/vvvebjs — explained in plain English

Analysis updated 2026-06-24

8,473JavaScriptAudience · vibe coderComplexity · 2/5LicenseSetup · easy

tl;dr

VvvebJs is a browser-based drag-and-drop page builder that lets you visually construct web pages from components and export them as HTML, with no build tools or external packages required beyond Bootstrap 5.

vibe map

mindmap
  root((VvvebJs))
    What it does
      Drag-drop editing
      Export HTML
      Live code editor
    Built-in Features
      Undo and redo
      Google Fonts
      Scroll animations
      Media gallery
    Tech
      JavaScript
      Bootstrap 5
      Docker
    Audience
      Web designers
      No-code builders

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Build a landing page visually by dragging sections into place and editing their properties in a side panel

VIBE 2

Embed a visual page editor into an existing web application so users can edit pages themselves

VIBE 3

Generate HTML pages with Google Fonts, scroll animations, YouTube embeds, and a media gallery

VIBE 4

Save and manage multiple pages through a built-in file manager, then export them as HTML files

what's the stack?

JavaScriptBootstrap 5PHPNode.jsDocker

how it stacks up fr

givanz/vvvebjsfelixrieseberg/macintosh.jsappbaseio/dejavu
Stars8,4738,4698,461
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyeasymoderate
Complexity2/51/52/5
Audiencevibe codergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 30min

Needs a local web server or Docker because browsers block iframe features when the editor is opened directly as a file.

Use freely for any purpose, including commercial projects, as long as you keep the copyright notice.

in plain english

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.

prompts (copy fr)

prompt 1
Set up VvvebJs with Docker to run the drag-and-drop page builder locally, then show me how to add a Bootstrap 5 card component to a blank page.
prompt 2
Embed VvvebJs into an existing PHP project so users can visually edit a landing page and save the resulting HTML to a database.
prompt 3
Configure VvvebJs to include a custom reusable section component that shows a testimonial card with a photo, name, and quote field.
prompt 4
Export a finished page from VvvebJs as a standalone HTML file and deploy it to a static hosting service like Netlify.

Frequently asked questions

what is vvvebjs fr?

VvvebJs is a browser-based drag-and-drop page builder that lets you visually construct web pages from components and export them as HTML, with no build tools or external packages required beyond Bootstrap 5.

What language is vvvebjs written in?

Mainly JavaScript. The stack also includes JavaScript, Bootstrap 5, PHP.

What license does vvvebjs use?

Use freely for any purpose, including commercial projects, as long as you keep the copyright notice.

How hard is vvvebjs to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is vvvebjs for?

Mainly vibe coder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.