GraphiQL

> Security Notice: All versions of graphiql < 1.4.3 are vulnerable to an
> XSS attack in cases where the GraphQL server to which the GraphiQL web app
> connects is not trusted. Learn more in
> our security advisory.

!jsDelivr hits (npm)
!npm downloads
!Snyk Vulnerabilities for npm package
!npm bundle size (version)
!npm bundle size (version)

_/ˈɡrafək(ə)l/_ A graphical interactive in-browser GraphQL IDE.
Try the live demo.


Features

- Full language support of the latest
GraphQL Specification:
- Syntax highlighting
- Intelligent type ahead of fields, arguments, types, and more
- Real-time error highlighting and reporting for queries and variables
- Automatic query and variables completion
- Automatic leaf node insertion for non-scalar fields
- Documentation explorer with search and markdown support
- Persisted state using localStorage
- Simple API for adding custom plugins

Live Demos

- The latest stable version
- The current state of the main branch:
- An installable PWA with plugins (source)
- Using the minified bundles
- Using the development bundles (good
for inspecting, debugging, etc)
- Each pull request will also get its own preview deployment on Netlify, you'll
find a link in the GitHub checks

Examples

- CDN (ESM-based) - A single HTML file using JavaScript modules from http URLs and a