An interactive Agent Flow Builder and backend system inspired by Vector Shift — allowing users to visually design agentic AI pipelines and validate them as Directed Acyclic Graphs (DAGs).

Built with React + ReactFlow on the frontend, and FastAPI on the backend.

• 🎨 Drag-and-drop canvas using ReactFlow
• 🔗 Connect nodes to create custom data/AI flows
• ✅ Backend validation to ensure the graph is a valid DAG
• ⚡ Fast & responsive UI
• 🐍 FastAPI backend with clean API for DAG checking

• React
• ReactFlow
• JavaScript (ES6+)
• Tailwind

• Python
• FastAPI

project-root
├── backend/        # FastAPI backend
│   ├── main.py
│   └── readme.md
└── frontend/       # React + ReactFlow frontend
├── src/
├── public/
├── package.json
└── README.md

git clone https://github.com/Faizahamed-S/Agent-Flow-Builder.git

cd frontend
npm install
npm run start   # or npm run dev if using Vite

cd backend
# create virtualenv if you want
pip install -r requirements.txt  # or manually install fastapi + uvicorn
uvicorn main:app --reload

• Basic Agent Flow Builder

• Backend result, which provides number of Nodes, Edges and is it Direct Acyclic Graph or not

• 💾 Save/load flows (to database)
• 🎯 Execute the flow with actual AI models
• 🌐 Integrate with LangChain / LlamaIndex
• 🔐 User authentication & authZ
• 📈 Add metrics & observability dashboards