Graphinity is a modern node-based visual workflow and pipeline designer that enables users to create, connect, configure, and validate workflows through an intuitive drag-and-drop interface. Built with React, React Flow, Zustand, and FastAPI, Graphinity demonstrates scalable frontend architecture, reusable component design, graph-based workflow visualization, and seamless frontend-backend integration.
- Drag-and-drop visual workflow editor
- 9 customizable workflow node types
- Reusable BaseNode architecture for scalable node development
- Dynamic Text Node with:
- Automatic resizing
- Variable detection using
{{variable}}syntax - Dynamic input handle generation
- Interactive node connections using React Flow
- Modern responsive dark UI
- Backend integration with FastAPI
- Workflow graph analysis
- Node count and edge count calculation
- Directed Acyclic Graph (DAG) validation
- Real-time pipeline submission and analysis
Graphinity
│
├── frontend
│ ├── public
│ ├── src
│ │ ├── nodes
│ │ ├── App.js
│ │ ├── ui.js
│ │ ├── toolbar.js
│ │ ├── draggableNode.js
│ │ ├── submit.js
│ │ └── store.js
│ │
│ └── package.json
│
└── backend
├── main.py
└── requirements.txt
Graphinity currently includes the following workflow nodes:
- Input Node
- Output Node
- Text Node
- LLM Node
- Math Node
- Filter Node
- Delay Node
- Condition Node
- API Node
- React.js
- React Flow
- JavaScript (ES6+)
- Zustand
- HTML5
- CSS3
- FastAPI
- Python
- Uvicorn
- 9 custom workflow nodes
- 15+ React components
- Reusable node abstraction
- Interactive drag-and-drop canvas
- Dynamic variable parsing
- Automatic input handle generation
- Graph validation using DAG detection
- Full-stack React + FastAPI architecture
git clone https://github.com/YOUR_USERNAME/graphinity.git
cd graphinitycd frontend
npm install
npm startFrontend runs at:
http://localhost:3000
cd backend
pip install -r requirements.txt
python -m uvicorn main:app --reloadBackend runs at:
http://127.0.0.1:8000
API Documentation:
http://127.0.0.1:8000/docs
- Workflow persistence
- Import / Export pipelines
- User authentication
- Pipeline templates
- Undo / Redo functionality
- Auto layout algorithms
- Workflow execution engine
- Cloud deployment
- Real-time collaboration
- Workflow version history
This project is released under the MIT License.
Dixant Soni
B.Tech Computer Science & Engineering (AI & Data Science)
Indian Institute of Information Technology Senapati, Manipur
GitHub: https://github.com/DIXANTOFFICIAL1
⭐ If you found this project interesting, consider giving it a star!