🧩 Blockly Web Builder GPT

AI 原生 · 积木可视化 · 零框架锁 · 生产级代码导出

用 Google Blockly 积木拖拽 + GPT AI 生成,零代码搭建生产级前端网站,导出纯净无框架锁源码。

⚡ v0.1.0 📦 MIT 开源 🔒 商业授权 ✅ 846 tests
⬇ 立即下载 📖 查看源码
50+
组件物料
846
测试用例
3
平台支持
72h
离线宽限

核心能力

积木可视化 + AI 代码生成 + 双版本隔离 + 企业级授权

🧩

积木可视化编辑

基于 Google Blockly 的拖拽式编程界面,无需手写代码,实时预览渲染效果。

🤖

AI 代码生成

GPT 原生集成,智能生成生产级前端代码,支持上下文感知补全与优化。

📦

零框架锁导出

导出纯净 HTML/CSS/JS 源码,无运行时依赖锁定,可直接部署到任意平台。

🔄

双版本隔离

开源层 MIT 永久免费 + 私有层商业加密授权,物理分层,工程隔离。

🔐

授权体系

RSA 联网验签 + 72 小时离线宽限 + 自动降级,标准 SaaS 商业授权模型。

🛡️

代码保护

javascript-obfuscator 混淆加密 + sourcemap 剥离 + 防篡改校验。

三种操作模式

一套项目,两种操作范式,AI 贯穿始终

🖱️

可视化画布拖拽

新手用户

直接拖拽组件做页面,所见即所得,零门槛上手

🧩

积木块编程

进阶 / 教学

切换积木块,理解 HTML 标签结构,学习网页原理

🤖

AI 生成

所有用户

AI 生成积木,同步渲染到可视化画布,一句话建站

🎯 竞品差异化

并非教学 Demo,而是生产级建站工具

Blockly‑Web‑Builder 并非简单的积木教学 Demo。它将 Google Blockly 积木编程范式与所见即所得可视化画布深度融合,内置 AI 辅助,采用开源内核 + 商业增强双版本架构,用于产出可直接部署的生产级 HTML 网站。市面上绝大多数 Blockly‑HTML 项目仅用于编程教学;传统拖拽建站工具不具备积木编程能力。
特性 教学 Blockly‑HTML GrapesJS / h5‑Dooring 本项目
Blockly 积木编程内核 ✅ ❌ ✅
可视化画布(标尺/对齐/虚拟化) ❌ ✅ ✅ 双引擎
物料系统 + 项目工程管理 ❌ ✅ ✅
GPT AI 原生内置 ❌ 插件 ✅
开源/私有物理分层 ❌ 全开源 ✅
商业版 RBAC/CRDT/插件沙箱 ❌ 需二次开发 ✅

Simple, transparent pricing.

Start free. Upgrade when you're ready.

Free
For personal projects
$0
forever
  • ✓3 projects
  • ✓Visual editor
  • ✓Basic components
  • ✓HTML/CSS export
  • ✓AI code generation
  • ✓Custom domains
Get Started
Enterprise
For teams
$30/mo
billed annually
  • ✓Everything in Pro
  • ✓Team collaboration
  • ✓SSO & SAML
  • ✓Audit logs
  • ✓Dedicated support
  • ✓Custom SLA
Contact Sales

🇨🇳 中国地区专享折扣:Pro ¥20/月 · Enterprise ¥50/月

⬇ 下载安装

选择适合你的版本,立即开始构建

Demo 版 MIT

开源免费,含核心搭建能力,永久使用

~142 KB · zip 包

⬇ 下载 Demo 版

Release 版 商业

含加密商业功能,需授权码激活

~47 KB · zip 包

⬇ 下载 Release 版

也可从 GitHub Releases 下载