🎨
可视化蓝图编辑
拖拽式组件设计，所见即所得。支持组件树管理、属性检查器、实时预览，让 UI 设计变得直观高效。
MdrFrontEngine可视化前端开发平台
融合蓝图设计、节点图逻辑与代码生成，从原型到部署的一站式解决方案
Skip to content
为什么选择 MdrFrontEngine？
MdrFrontEngine 旨在降低前端开发门槛，同时不牺牲灵活性与工程能力。无论是快速搭建静态站点，还是构建具备复杂交互逻辑的动态应用，均可在统一环境中高效完成。
适用场景
| 场景 | 描述 |
|---|---|
| 快速原型 | 几分钟内将想法转化为可交互的原型 |
| MVP 开发 | 快速构建最小可行产品，验证商业假设 |
| 前端学习 | 通过可视化方式理解前端概念和组件交互 |
| 设计师协作 | 设计师可以直接参与 UI 构建，减少设计到开发的损耗 |
| Web3 应用 | 原生支持钱包连接、链上数据绑定、去中心化部署 |
技术栈
MdrFrontEngine 基于现代 Web 技术构建：
- 前端: React 19 + TypeScript + Vite + Tailwind CSS
- 后端: Go + Gin
- 构建: pnpm + Turborepo (Monorepo)
- 测试: Vitest + Playwright
- 文档: VitePress + Storybook
准备好开始了吗？
开始使用