A visual workflow builder and execution environment for designing, testing, and deploying AI agent orchestration pipelines.
Try the Live App: https://agentforge-studio-lime.vercel.app
- Visual Flow Builder: Interactive drag-and-drop node canvas powered by
@xyflow/react. - Multi-Provider LLM Nodes: Native support for OpenAI, Mistral, Google Gemini, and local Ollama models.
- Conditional Branching: Smart decision trees with condition logic evaluation nodes.
- External API Nodes: Integrate third-party HTTP endpoints directly into execution graphs.
- Real-Time Console Panel: Inspect step execution, output streams, and debug logs live.
- Modular Workflow Export: Instantly export flow configurations to JSON or runtime SDK code.
AgentForge Studio combines Next.js App Router for serverless execution with React Flow and Zustand for reactive visual node graphs:
agentforge-studio/
├── src/
│ ├── app/
│ │ ├── api/execute/ # Serverless execution pipeline endpoint
│ │ └── page.tsx # Main Studio workspace dashboard
│ ├── components/
│ │ ├── nodes/ # Custom node visual components (LLM, API, Condition)
│ │ ├── flow-builder.tsx# React Flow canvas wrapper
│ │ └── console-panel.tsx# Live execution output log viewer
│ └── store/
│ └── flow-store.ts # Zustand state manager for node states & execution
Try it instantly in your browser without installing anything: https://agentforge-studio-lime.vercel.app
-
Clone the repository:
git clone https://github.com/auysh8/agentforge-studio.git cd agentforge-studio -
Install dependencies:
npm install
-
Start the dev server:
npm run dev
-
Open in Browser: Navigate to http://localhost:3000.
Contributions of all sizes are welcome! Check out our Contributing Guide to get started.
- Found a bug? Open a Bug Report
- Have a feature idea? Submit a Feature Request
Distributed under the MIT License.