Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Hugr GraphQL IDENew to Visual Studio Code? Get it now.
Hugr GraphQL IDE

Hugr GraphQL IDE

Hugr Lab

| (0) | Free
GraphQL IDE for Hugr — connections, schema explorer, type search, and diagnostics in VS Code notebooks
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hugr GraphQL IDE for VS Code

Full-featured GraphQL IDE for Hugr in VS Code notebooks — query execution, schema exploration, autocompletion, and result visualization with Perspective viewer.

Features

  • Connection Manager — Add, edit, test, and manage multiple Hugr connections with support for public, API key, bearer token, and OIDC browser authentication
  • Schema Explorer — Browse your Hugr schema with lazy-loading tree view, type details, and cross-reference navigation
  • Types Search — Search and filter types across your schema with pagination
  • Directives List — View all available directives with their arguments and descriptions
  • GraphQL Autocompletion — Context-aware completions for fields, arguments, directives, and input types
  • Hover Information — Hover over fields, types, arguments, and directives to see documentation with clickable links
  • Diagnostics — Real-time validation of GraphQL queries with error highlighting
  • Result Rendering — Visualize query results using Perspective viewer with interactive tables and charts
  • OIDC Login — Browser-based authentication with automatic token refresh

Screenshots

Installation

Install the Kernel

The Hugr GraphQL kernel must be installed separately:

curl -fsSL https://raw.githubusercontent.com/hugr-lab/hugr-kernel/main/install.sh | bash

Install this Extension

Search for "Hugr GraphQL IDE" in the VS Code Extensions panel, or install from the command line:

code --install-extension hugr-lab.hugr-graphql-ide

Usage

  1. Open or create a Jupyter notebook (.ipynb) in VS Code
  2. Select the Hugr GraphQL kernel
  3. Add a connection using the Hugr Explorer sidebar
  4. Write and execute GraphQL queries

Links

  • Hugr Kernel Repository
  • Hugr Documentation
  • Report an Issue

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft