reaviz / Reaflow
Licence: apache-2.0
🕸 Node-based Visualizations for React
Stars: ✭ 199
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Reaflow
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+948.24%)
Mutual labels: workflow, diagrams
Tmt Workflow
A web developer workflow used by WeChat team based on Gulp, with cross-platform supported and solutions prepared.
Stars: ✭ 2,167 (+988.94%)
Mutual labels: workflow
Workflow Guide
📓 My workflow context and own code conventions
Stars: ✭ 174 (-12.56%)
Mutual labels: workflow
Ibm Z Zos
The helpful and handy location for finding and sharing z/OS files, which are not included in the product.
Stars: ✭ 198 (-0.5%)
Mutual labels: workflow
Kubernetes Icons
[obsolete] Set of icons for Kubernetes diagrams, has been merged into official k8s repo!!
Stars: ✭ 194 (-2.51%)
Mutual labels: diagrams
Kogito Runtimes
Kogito Runtimes - Kogito is a cloud-native business automation technology for building cloud-ready business applications.
Stars: ✭ 188 (-5.53%)
Mutual labels: workflow
Wflow
🐆 EXPERIMENTAL -- Runs GitHub Actions workflows locally (local) -- Don't run your YAML like a 🐪
Stars: ✭ 187 (-6.03%)
Mutual labels: workflow
Beautiful React Diagrams
💎 A collection of lightweight React components and hooks to build diagrams with ease 💎
Stars: ✭ 2,326 (+1068.84%)
Mutual labels: diagrams
Endly
End to end functional test and automation framework
Stars: ✭ 178 (-10.55%)
Mutual labels: workflow
Sane tikz
Reconquer the canvas: beautiful Tikz figures without clunky Tikz code
Stars: ✭ 196 (-1.51%)
Mutual labels: diagrams
Alfred Github Repos
Alfred workflow to easily open Github repositories
Stars: ✭ 176 (-11.56%)
Mutual labels: workflow
N8n
Free and open fair-code licensed node based Workflow Automation Tool. Easily automate tasks across different services.
Stars: ✭ 19,252 (+9574.37%)
Mutual labels: workflow
Git Workflow
The git workflow for contributing to open source repositories.
Stars: ✭ 188 (-5.53%)
Mutual labels: workflow
Add And Commit
Add & commit files from a path directly from GitHub Actions
Stars: ✭ 198 (-0.5%)
Mutual labels: workflow
Zeebe Modeler
Desktop Application for modeling Zeebe Workflows with BPMN
Stars: ✭ 198 (-0.5%)
Mutual labels: workflow
🕸 reaflow
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
- Explore the library on Chroma
📦 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 () => (
<Canvas
maxWidth={800}
maxHeight={600}
nodes={[
{
id: '1',
text: '1'
},
{
id: '2',
text: '2'
}
]}
edges={[
{
id: '1-2',
from: '1',
to: '2'
}
]}
/>
);
🔭 Contributing
See Contributing
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].