reaflow  by reaviz

React library for node-based workflow editors, flow charts, and diagrams

created 4 years ago
2,367 stars

Top 19.8% on sourcepulse

GitHubView on GitHub
Project Summary

REAFLOW is a modular React library for building node-based workflow editors, flow charts, and diagrams. It offers extensive customization for complex visualizations, catering to developers building interactive diagramming tools.

How It Works

REAFLOW utilizes a modular engine for rendering static or interactive diagrams. It leverages ELKJS for automatic layout, providing features like zoom, pan, drag-and-drop connections, and node nesting for a flexible and powerful user experience.

Quick Start & Requirements

  • Install via npm: npm i reaflow --save or yarn: yarn add reaflow.
  • Requires React.
  • Development can be run locally via npm start which opens Storybook.
  • Official docs and demos are available via quick links in the README.

Highlighted Details

  • Supports complex automatic layouts via ELKJS.
  • Offers easy customization of nodes, edges, and ports.
  • Includes zooming, panning, centering, and drag-and-drop functionality.
  • Features node/edge selection helpers and undo/redo capabilities.

Maintenance & Community

Maintained by @goodcodeus. The README mentions contributions from various individuals.

Licensing & Compatibility

The README does not explicitly state the license. Compatibility for commercial use or closed-source linking is not specified.

Limitations & Caveats

The license is not specified in the README, which may pose a risk for commercial adoption.

Health Check
Last commit

2 months ago

Responsiveness

Inactive

Pull Requests (30d)
0
Issues (30d)
0
Star History
70 stars in the last 90 days

Explore Similar Projects

Feedback? Help us improve.