Skip to content

dexterbt1/drawflow-vue2-sample

Repository files navigation

Vue2 + Drawflow Sample

quick starter boilerplate for Drawflow and vue2

Screenshot

Usage

nvm use v16  # for nvm users
npm install
npm run dev
# open browser at http://localhost:8080/

Features

  • Out of the box drawflow using vue2
    • Adding Nodes
    • Drag to connect
    • Select and move Nodes around
    • Select and delete nodes / connectors
    • Pan and zoom (mousewheel)
  • App structure
    • main app flow
    • Sample Node Types
    • coding conventions
  • Export and Import
    • preserve Node-specific data and canvas position
  • Styling overrides
    • overall drawflow styles
    • Nodes styles
    • Node input/outputs
    • canvas grid

Dev't Stack:

  • node v16+
  • vue2
  • webpack
  • postcss

Thanks to:

About

quick starter boilerplate for Drawflow and vue2

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published