https://github.com/langgraph-gui/langgraph-gui-frontend

Visual node-edge graph GUI editor for LangGraph with reactflow frontend
https://github.com/langgraph-gui/langgraph-gui-frontend

ai-agents gui langchain langgraph low-code no-code ollama react-flow

Last synced: 2 months ago
JSON representation

Visual node-edge graph GUI editor for LangGraph with reactflow frontend

• Host: GitHub
• URL: https://github.com/langgraph-gui/langgraph-gui-frontend
• Owner: LangGraph-GUI
• License: mit
• Created: 2024-07-09T11:08:08.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-08-14T10:47:05.000Z (6 months ago)
• Last Synced: 2024-08-14T12:21:40.629Z (6 months ago)
• Topics: ai-agents, gui, langchain, langgraph, low-code, no-code, ollama, react-flow
• Language: JavaScript
• Homepage: https://langgraph-gui.github.io/Frontend
• Size: 558 KB
• Stars: 9
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# LangGraph-GUI (Frontend ReactFlow)

LangGraph-GUI is a user-friendly interface for managing and visualizing Node-Edge workflows with LangGraph. It supports creating, editing, and running workflows locally using language models by Ollama.

For more detail, please see [frontend doc](https://langgraph-gui.github.io/Frontend/)

![LangGraph-GUI](cover.webp)

## Usage

Build up environment:

```

npm install

```

Run up frontend:

```

npm start

```

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

## Qt-ver

*If you want Qt version, see [LangGraph-GUI-Qt](https://github.com/LangGraph-GUI/LangGraph-GUI-Qt)*