woai3c/visual-drag-demo

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

5619 stars · 1596 forks observed · 2026-10-03

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A low-code visual drag-and-drop page builder demo built with Vue, serving as an educational project for learning how low-code platforms work. It implements a full editor with custom components, undo/redo, snapping, layering, component grouping, event binding, and code export.

Use cases

• build pages by dragging and dropping components
• learn how low-code visual editors are implemented
• study drag-and-drop editor internals like snapping and undo/redo
• generate page code from a visual canvas
• explore component composition and layering in a page editor

When to choose

• you want to learn the internals of low-code drag-and-drop editors
• you need a reference implementation for building a visual page builder
• you want a lightweight open-source editor to fork for simple page-building needs

When to avoid

• you need a production-ready low-code platform with backend, permissions, and deployment
• you need a maintained enterprise-grade page builder with support
• your stack is not Vue-based

Facets

application · maturity active

frontend-framework ui-components state-management developer-tools web-development frontend education tutorials low-code visual-editor drag-and-drop page-builder teaching-project vue3 web vue javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="woai3c/visual-drag-demo")