前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器

本节介绍一款前端H5可视化布局器 MagicalDrag2.1.5 由js+css+html编写而成

软件官方在线使用地址:http://layuiout.magicalcoder.com/layui

在线使用:免费

优点在于 功能强大,可以自由嵌入各种web项目,有html+css+js编写而成,可以基于各种设备响应式设计布局

软件基本截图主界面 (图片拉扯了好难看)

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第1张图片

各种下拉编辑

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第2张图片

随时可以把各种源码拷贝进来 就能继续布局

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第3张图片

样式工具箱

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第4张图片前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第5张图片

灵活切换各种视图模式,各个组件清晰可见

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第6张图片

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第7张图片

左侧有好的组件可以使用

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第8张图片前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第9张图片前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第10张图片

等等就不一一截图了

还有结构树协助操作,不会担心跑丢了

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第11张图片

希望用哪个UI自己切换,未来会加入更多UI

前端H5可视化拖拽布局器-Layui,Bootstrap等各种UI-可视化表单设计器_第12张图片

还是来自己体验一把吧

http://layuiout.magicalcoder.com/layui

你可能感兴趣的:(magicaldrag,layui可视化布局器,表单拖拽设计器,H5拖拽开发,js)