Repolode
Submit
graphql

graphql/graphiql

GraphiQL is an in-browser GraphQL IDE, plus the monorepo of language services, editor modes and LSP servers that power it and GraphQL editor tooling.

Open-source alternative to:GraphQL PlaygroundPostman

View on GitHub
Stars
16,915
Forks
1,860
Open issues
402
Last commit
5 hours ago

What is it?

GraphiQL is a graphical, interactive GraphQL IDE that runs in the browser and is implemented in React. It lets developers write and execute queries against a GraphQL server, with a Doc Explorer for browsing the schema. The project is the reference implementation of an official GraphQL Foundation monorepo.

The repository also hosts the wider GraphQL IDE ecosystem: a language service that works against a GraphQL schema, an LSP server and CLI for IDE integration, and editor modes for CodeMirror 5, CodeMirror 6 and Monaco. A VS Code extension built on the LSP server is published separately, along with syntax highlighting and inline query execution extensions.

Developers embedding GraphQL editing in web apps, building IDE plugins, or setting up a GraphiQL instance for their own server will find the packages here. The project is MIT licensed and maintained under the GraphQL Foundation.

Key features

  • 01Browser-based GraphiQL IDE with a Doc Explorer for browsing schemas.
  • 02Language service providing GraphQL schema-aware validation and completion.
  • 03LSP server and CLI for integrating GraphQL support into IDEs.
  • 04Editor modes for CodeMirror 5, CodeMirror 6 and Monaco.
  • 05VS Code extensions for GraphQL syntax highlighting and inline query execution.

Use cases

  • Adding an interactive GraphQL explorer to a server or documentation site.
  • Building a GraphQL editing experience inside a web application.
  • Providing GraphQL autocomplete and linting in VS Code or other LSP-capable editors.
  • Creating custom GraphQL IDE plugins on top of the shared language service.

Quick start

  1. 1

    Read the GraphiQL setup docs in packages/graphiql/README.md

  2. 2

    For local development of this monorepo, follow DEVELOPMENT.md

Things to know

  • Versions of graphiql before 1.4.7 are vulnerable to XSS when the GraphQL server it connects to is not trusted.
  • The Monaco mode is still in the works.

Topics

#graphql#graphiql#ide#lsp#codemirror#monaco-editor#vscode#react#lsp-mode#lsp-server

FAQ

What is graphiql?
GraphiQL is an in-browser GraphQL IDE, plus the monorepo of language services, editor modes and LSP servers that power it and GraphQL editor tooling. GraphiQL is a graphical, interactive GraphQL IDE that runs in the browser and is implemented in React. It lets developers write and execute queries against a GraphQL server, with a Doc Explorer for browsing the schema. The project is the reference implementation of an official GraphQL Foundation monorepo.
Is graphiql free to use? What license does it have?
graphiql is open source under the MIT license. Check the license terms before using it in commercial products.
Is graphiql still maintained?
Actively maintained. The last commit to graphiql was on Oct 21, 2026.
What can I use graphiql for?
Adding an interactive GraphQL explorer to a server or documentation site. Building a GraphQL editing experience inside a web application. Providing GraphQL autocomplete and linting in VS Code or other LSP-capable editors. Creating custom GraphQL IDE plugins on top of the shared language service.
How do I install graphiql?
Read the GraphiQL setup docs in packages/graphiql/README.md For local development of this monorepo, follow DEVELOPMENT.md
Where can I get graphiql?
The source code and installation instructions are on GitHub: https://github.com/graphql/graphiql

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects