⚙️

Workflow Builder

Visual workflow designer with node connections

92%
Code Reduction
750
Traditional Lines
60
Factory Lines
3
Frameworks

Code Example

const WorkflowDesigner = ui.createWorkflow({
  nodes: workflowNodes,
  connections: nodeConnections,
  onNodeAdd: (node) => addNode(node),
  onConnectionCreate: (connection) => createConnection(connection),
  validation: workflowRules
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your Workflow Builder component with 92% less code!

Features

  • ✓Drag & drop nodes
  • ✓Connection lines
  • ✓Validation
  • ✓Export/import
  • ✓Zoom & pan

Supported Frameworks

React✓
Vue✓
Angular✓