FrontendBlocks 可视化前端低代码设计器 3.7版本发布

FrontendBlocks是一款开源的前端页面设计器,新版本3.7增加了撤销功能和模板,旨在简化页面设计和代码生成,尤其对Vue和Uniapp开发者友好。该工具可减少前端布局工作时间并实现设计稿的精准还原,支持HTML5、手机端和电脑端Vue代码生成,现寻求社区贡献以扩展功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

介绍

项目地址:https://gitcode.net/yumeisoft/frontend-blocks
FrontendBlocks专注于页面实时的效果呈现、静态布局设计以及不断逼近产品级的前端代码生成

FrontendBlocks 是一款强大的所见即所得前端页面设计器,是低代码开发领域的基础设施,生成的代码不依赖于任何框架,实测可以将前端布局工作的耗时减少80%以上,最关键的是,它实现了人人都可以写前端页面的梦想。
不用写一行代码即可让设计师、前端开发人员轻松设计出前端代码的利器,100%还原设计稿不再是梦,你看到的就是浏览器最后呈现的。对于Uniapp开发非常友好,可以快速生成组件和页面。
本软件可以生成HTML5代码、按2x生成手机端VUE代码、按1x生成电脑端VUE代码,也可以直接生成JSON串,供其他开发工具(包括自主研发的)进行二次加工。
本软件采用Apache 2.0协议开源,可以免费商用。

本次升级内容

版本:3.7(2023年02月19日)

1、提供了Ctrl+Z撤销功能,再也不用担心删掉某个Block恢复不回来了。
2、极速设置里添加了尺寸功能,可以快速设置大小。
3、增加了几个模板(在tools.json文件里)。

后台页面布局模板:
后台模板
手机端首页模板:
手机端模板
活动表单模板:
表单模板

题外话

一个人有些力不从心,大家如果有比较好的.blocks设计稿分享分享,如果有一些新的功能更新上来,也欢迎提交代码。FrontendBlocks永远秉承开源、免费的理念欢迎有识之士一起添砖加瓦,共同打造一个大家用起来都很舒服的前端工具。

现在FrontendBlocks待完成事项如下:

TODO List
可复用CSS组件及组件库
可重复区(或列表)、数据绑定和预览
静态资源管理及引用(需要Java后台)
静态资源拖拽上传(需要Java后台)
CSS自动优化
元数据设计及绑定
React Web代码生成
React Native代码生成
Angular代码生成
NVUE代码生成
Flutter代码生成
iOS原生代码生成
Android原生代码生成
……
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值