# woai3c/visual-drag-demo

一个低代码（可视化拖拽）教学项目

Repository: https://github.com/woai3c/visual-drag-demo
Canonical: https://ross.abutalabs.com/products/visual-drag-demo
Homepage: https://woai3c.github.io/visual-drag-demo
Language: Vue
License: MIT
License Family: permissive
Last push: 2026-05-27T06:08:01+00:00

## Health v2 (maintenance only)
Score: 70/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 84, release rhythm 35, longevity 100
- inputs: {"age_days": 2086, "days_push": 98, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5621, forks 1598 (observed 2026-08-28T04:09:23.089411+00:00)

## What it is
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
- artifact type: application
- maturity: active
- function: frontend-framework, ui-components, state-management, developer-tools
- domain: web-development, frontend, education, tutorials
- platform: -
- tags: low-code, visual-editor, drag-and-drop, page-builder, teaching-project, vue3, web, vue, javascript

## Member repositories
- woai3c/visual-drag-demo (main) score 70

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:23.089411+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:55:23.273020+00:00, confidence not recorded.
  - readme: https://github.com/woai3c/visual-drag-demo (fetched 2026-08-28T04:09:23.089411+00:00, sha 0a5f60b5aa3f)
  - homepage: https://woai3c.github.io/visual-drag-demo (fetched 2026-08-29T08:50:25.466082+00:00, sha ae886c6160a0)
- Data as of 2026-08-30T08:39:29.467469+00:00.