🕸 reaflow

REAFLOW is a modular diagram engine for building static or interactive editors. The library is feature-rich and modular allowing for displaying complex visualizations with total customizability.

🚀 Quick Links

• Checkout the docs and demos
• Explore the library on Chroma
• Learn about updates from the Changelog

✨ Features

• Complex automatic layout leveraging ELKJS
• Easy Node/Edge/Port customizations
• Zooming / Panning / Centering controls
• Drag and drop Node/Port connecting and rearranging
• Nesting of Nodes/Edges
• Proximity based Node linking helper
• Node/Edge selection helper
• Undo/Redo helper

📦 Usage

Install the package via NPM:

npm i reaflow --save

Install the package via Yarn:

yarn add reaflow

Import the component into your app and add some nodes and edges:

import React from 'react';
import { Canvas } from 'reaflow';

export default () => (
  
);

🔭 Contributing

See Contributing