Studio

Studio provides an interactive UI for testing and debugging your LangGraph applications. It connects to your running LangGraph server and provides a visual interface for graph execution and debugging.

Prerequisites

Important: Your LangGraph server must be running on port 8123 before starting Studio. Make sure you've completed the Installation guide and have your server running:

Installation

You can run Studio in two ways:

Option 1: Direct execution (Recommended)

Use npx to run Studio without installation:

Option 2: Install as dev dependency

Add Studio to your dev dependencies:

Then run it with:

Advanced Configuration

Studio can be configured with additional options for different environments:

Custom Host and Port

HTTPS Mode

Combined Options

Note: Your LangGraph server must always run on port 8123. Studio can run on any available port and will automatically connect to your LangGraph server.

Access Studio

Once Studio is running, open your browser and navigate to the URL shown in your terminal.

Studio will automatically connect to your LangGraph server running on port 8123 and provide a visual interface for:

• Graph Visualization: Interactive graph exploration and node inspection
• Real-time Execution: Live execution monitoring with step-by-step updates
• Interactive Testing: Input simulation and state debugging
• Execution History: View past runs and performance metrics

Important: Studio can run on any port, but your LangGraph server must always be accessible on port 8123.