查看原文
其他

基于JS的数据驱动的节点式编排的流程图组件库,好看!

TJ TJ君 2022-07-01

大家好,我是TJ

关注TJ君,回复“武功秘籍”免费获取计算机宝典书籍

TJ君将之前发过的各种项目及工具进行了整理,收录到了GitHub项目,欢迎各位小伙伴光临Star,地址如下:https://github.com/Wechat-TJ/TJ-WORLD-FORU

假期德第一天,祝愿大家端午节快乐~

今天TJ君要和大家分享一个基于JavaScript/React/Vue2的流程图组件,Butterfly

Butterfly,其实就是一个基于JS的数据驱动的节点式编排组件库,跟他德名字一样,依托于Butterfly组件,可以做出很多和蝴蝶一样美丽的流程效果。

TJ君看下来,Butterfly的特点一共有三:

  • 易用性

Butterfly有丰富DEMO,开箱即用,支持demo调试,导出亦可即用。

  • 专业性

Butterfly采用全方位管理画布,开发者只需要更专注定制化的需求。

  • 灵活性

Butterfly利用DOM/REACT/VUE来定制元素;在使用的过程中可塑性,拓展性,灵活性优秀。

Butterfly同时支持线上安装及本地安装两种方式。

//本地安装
npm install
cd example
npm install
npm start
//线上安装
npm install butterfly-dag

Butterfly的核心成员是几个年轻的程序猿,他们也准备足够的API文档指引用户来使用这个美美的组件。

最后,我再看下究竟使用Butterfly可以开发出怎么样的效果:

感兴趣的小伙伴,快来获取地址吧

点击下方卡片,关注公众号“TJ君

回复“but2022”,获取仓库地址

关注我,每天了解一个牛x、好用、有趣的东东


往期推荐

可监测网页内容变化,并发送异动到微信的实用插件,搭配云盘即使关机也能运行!

走文艺范的高性能开源微社区~

30天学会React、JavaScript、Python的开源经验分享

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存