Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/krthr/vue-dataflow-editor

Vue 2 dataflow graph editor
https://github.com/krthr/vue-dataflow-editor

blocks dataflow editor editors graph graphics visual-editor vue vue-blocks vuejs2

Last synced: 2 months ago
JSON representation

Vue 2 dataflow graph editor

Lists

README 

        
# vue-dataflow-editor



## Hey, you can use https://github.com/jagenjo/litegraph.js.



![](https://raw.githubusercontent.com/krthr/vue-dataflow-editor/master/docs/.vuepress/public/img.PNG)

> Based on [vue-blocks](https://github.com/ghostiam/vue-blocks). A [@ghostiam](https://github.com/ghostiam)'s project.



## npm



```

npm i @krthr/vue-dataflow-editor

```



Import the lib on `app.js`



```js

// app.js or main.js, or the main file

// where you create the vue app

import Vue from "vue";

// other imports



import "@krthr/vue-dataflow-editor";

import "@krthr/vue-dataflow-editor/dist/vue-dataflow-editor.css";



const app = new Vue({

  /* ... */

});

```



```html



  



```



## browser



```html



  


    

  



  

  

  

    new Vue({

      el: "#app",



      // ...

    });

  



```