awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
givanz avatar

givanz/VvvebJs

0
View on GitHub↗

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
www.vvveb.com/vvvebjs/editor.html
↗

VvvebJs

VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML components onto a canvas. It functions as a visual HTML editor and component-based page builder that requires no build tools or external dependencies, and can be deployed on a server with PHP or Node.js backend for saving and exporting pages.

The builder organizes reusable HTML components into named groups for drag-and-drop assembly, and provides visual property editing that modifies HTML attributes, CSS styles, and class names through form controls and property panels. It includes a file-based section registration system that scans HTML file folders to generate reusable page sections, and an undo-redo command stack that records each DOM mutation as a reversible command.

The library supports custom component registration for defining new draggable elements with custom markup and behavior, live HTML source editing with syntax highlighting, and scroll-triggered animations. It offers media management capabilities including a stock image and custom media gallery, canvas-based media resizing, and server-side image upload. The builder also includes global theme style customization, Google Fonts integration, third-party widget embedding, and breadcrumb-based ancestor selection for navigating the component tree.

Pages can be exported as HTML files or packaged with all linked assets into a ZIP archive for deployment. The project includes server-side scripts for saving pages and uploading images, and provides a file browser and component tree navigation for organizing page elements.

Features

  • Drag-and-Drop Page Builders - A self-hosted, vanilla JavaScript library for visually assembling web pages by dragging components onto a canvas.
  • Drag and Drop - Provides a drag-and-drop interface for assembling web pages from pre-built HTML components.
  • Self-Hosted Builders - Deployable on a server with PHP or Node.js backend for saving and exporting pages.
  • Visual Page Editors - Edits web page layouts and content through a graphical interface with live preview.
  • Custom Component Builders - Defines new draggable HTML elements with custom markup, properties, and behavior for the page builder.
8,532 stars·1,824 forks·JavaScript·Apache-2.0·43 views
  • Property Editing Panels - Provides property editing panels for modifying HTML attributes, CSS styles, and class names of page elements.
  • Vanilla DOM Controllers - Directly manipulates the browser's DOM tree to build and edit page layouts without a virtual DOM.
  • Property Bindings - Binds form controls to element attributes and styles through event listeners for live property updates.
  • Property Panel Initializers - Reads the current value from the selected element and populates the input field so the property panel reflects the component state.
  • Vanilla JavaScript Utilities - Written in plain JavaScript with no external dependencies or build toolchain.
  • File Management and Navigation - Browses uploaded files and navigates the component tree to select and organize page elements.
  • Server-Save - Downloads pages as HTML files or saves them to a server using provided PHP or Node.js scripts.
  • Page Exporters - Exports pages as HTML files or packages them with all linked assets into a ZIP archive for deployment.
  • File-Based Section Registries - Ships a file-based system that scans HTML folders to generate reusable page sections for the builder.
  • Live HTML Source Editors - Provides live HTML source editing with syntax highlighting and immediate visual reflection in the builder.
  • Page and Asset ZIP Archivers - Packages the built page and all linked assets into a ZIP archive for deployment.
  • Scroll-Triggered Animations - Attaches scroll-triggered animations to page elements to create visual interest as users scroll.
  • Panel Groups - Groups related draggable elements under named categories in the builder's panel for easier access.
  • ZIP Archive Exports - Packages the page and all its linked assets into a single ZIP file for download.
  • Global Theme Instances - Provides a dedicated editor for setting the global typography and color palette across the entire page.
  • Undo-Redo History - Maintains an undo-redo command stack that records each DOM mutation as a reversible action.
  • Widget Embedding - Inserts interactive content like YouTube videos, Google Maps, and Chart.js charts into a page.
  • Star history

    Star history chart for givanz/vvvebjsStar history chart for givanz/vvvebjs

    How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

    Frequently asked questions

    What does givanz/vvvebjs do?

    VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML components onto a canvas. It functions as a visual HTML editor and component-based page builder that requires no build tools or external dependencies, and can be deployed on a server with PHP or Node.js backend for saving and exporting pages.

    What are the main features of givanz/vvvebjs?

    The main features of givanz/vvvebjs are: Drag-and-Drop Page Builders, Drag and Drop, Self-Hosted Builders, Visual Page Editors, Custom Component Builders, Property Editing Panels, Vanilla DOM Controllers, Property Bindings.

    Which projects share features with givanz/vvvebjs?

    Projects with overlapping indexed features include: unlayer/react-email-editor — React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React… woai3c/visual-drag-demo — This is a low-code visual drag-and-drop editor project for building web page layouts. It provides a canvas-based… prevwong/craft.js — Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable… apostrophecms/apostrophe — Apostrophe is an open-source Node.js headless content management system that delivers structured content through REST… mrxujiang/h5-dooring — h5-Dooring is a suite of no-code tools comprising a content management system, visual page designers, and a… ymm-tech/gods-pen — Gods-pen is a Vue.js visual page builder and no-code landing page platform for creating responsive mobile marketing…

    Projects sharing features with VvvebJs

    These projects share indexed features with VvvebJs. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
    • unlayer/react-email-editorunlayer avatar

      unlayer/react-email-editor

      5,086View on GitHub↗

      React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari

      TypeScriptbuilderdrag-and-dropemail
      View on GitHub↗5,086
    • prevwong/craft.jsprevwong avatar

      prevwong/craft.js

      8,683View on GitHub↗

      Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh

      TypeScriptdraft-jsdrag-and-drophtml-builder
      View on GitHub↗8,683
    • woai3c/visual-drag-demowoai3c avatar

      woai3c/visual-drag-demo

      5,628View on GitHub↗

      This is a low-code visual drag-and-drop editor project for building web page layouts. It provides a canvas-based environment where users can assemble pages by placing, resizing, and rotating pre-built UI components through direct mouse interaction. The editor includes a grid-based alignment system that snaps components to invisible grid lines or other component edges for precise positioning. Components can be grouped into single units or locked in place to prevent accidental movement, and animations or custom actions can be bound to user interactions like clicks or hovers. An undo-redo comman

      Vue
      View on GitHub↗5,628
    • apostrophecms/apostropheapostrophecms avatar

      apostrophecms/apostrophe

      4,524View on GitHub↗

      Apostrophe is an open-source Node.js headless content management system that delivers structured content through REST APIs while providing a visual in-context page editor for live editing. It is built on a module-based plugin architecture that extends CMS functionality through reusable modules, each encapsulating logic, configuration, and templates. The system uses schema-driven content modeling to define data structures and validation rules through configurable schemas and custom field types, with all content stored as flexible JSON-like documents in MongoDB. The platform distinguishes itsel

      JavaScriptapostrophecmscms-framework
      View on GitHub↗4,524
    Compare all 30 related projects→