@productfy/graphiql-tree

A plugin for the GraphiQL IDE that allows you to explore a GraphQL schema in a manner similar to a file explorer interface.

Usage no npm install needed!

<script type="module">
  import productfyGraphiqlTree from 'https://cdn.skypack.dev/@productfy/graphiql-tree';
</script>

README

@productfy/graphiql-tree

npm version

A plugin for the GraphiQL IDE that allows you to explore a GraphQL schema in a manner similar to a file explorer interface.

graphiql-tree-demo

Online example

You can test drive this app with the GitHub API GraphQL schema at https://static.productfy.io/graphql/

Enter a GitHub Personal Access Token if you wish to execute queries against the GitHub API.

Usage example

Go to the example repo to see how you can import graphiql-tree along with graphiql into your project.