{"repo":"reaviz/reaflow","free":true,"listed":false,"github":"https://github.com/reaviz/reaflow","clone":"git clone https://github.com/reaviz/reaflow.git","description":"🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.","language":"TypeScript","stars":2493,"topics":["reactjs","workflow","node-editor","diagrams","elkjs","react","visualizations","flowchart","hacktoberfest"],"license":"Apache-2.0","category":"workflow-automation","readme_excerpt":"Node-based Visualizations for React --- 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 - Learn about updates from the Changelog 💎 Other Projects - Reagraph - Open-source library for large webgl based network graphs. - Reablocks - Open-source component library for React based on Tailwind. - Reaviz - Open-source library for data visulizations for React. - Reachat - Open-source library for building LLM/Chat UIs for React. - ✨ 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 : Install the package via Yarn : Import the component into your app and add some nodes and edges: 🔭 Development If you want to run reaflow locally, its super easy! - Clone the repo - npm i - npm start - Browser opens to Storybook page ❤️ Contributors Thanks to all our contributors!","default_branch":null,"files":null,"tree":[],"storefront":"/r/reaviz","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/reaviz/reaflow/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}