DEV Community

Cover image for Boost your GraphQL development with GraphQL Zeus
Tomek Poniatowicz for GraphQL Editor

Posted on

Boost your GraphQL development with GraphQL Zeus

GraphQL Zeus is an open-source (MIT) graphql client & code generator working with a Browser, Node.js & React Native. It provides an auto-complete client library for JavaScript or TypeScript supporting auto-completion for strongly typed queries. It's maintained by Artur Czemiel

aexol image

Installation & Basic usage

To play with it use npm install:

$ npm i -g graphql-zeus

Zeus supports:

  • Javascript (Browser, NodeJS, React Native)
  • TypeScript (Browser, NodeJS, React Native)

Zeus in action

GraphQL Zeus provides many useful solutions among which you can find such as:

  • Chain - Chain is the main function responsible for forming a GraphQL Query. It provides auto-complete in Zeus Syntax. Returned data is mapped accordingly to GraphQL query, so you get type-safe completion for both query and response in both TypeScript and JavaScript.

  • Aliases - You can alias each query just like in GraphQL original specification. To use alias you just need to provide __alias:{[YOUR_ALIAS]:YOUR QUERY}

  • Selectors - If you use same GraphQL query many times you can use Selectors which you can later inject into the Chain function

JavaScript & React Native:

$ zeus schema.graphql ./


$ zeus schema.graphql ./  --ts 


$ zeus schema.graphql ./  --node 

Want to contribute?

Awesome, just:

  1. Fork this repo
  2. Create your feature branch: git checkout -b feature-name
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

GitHub logo graphql-editor / graphql-zeus

GraphQL client and GraphQL code generator with GraphQL autocomplete library generation ⚡⚡⚡ for browser,nodejs and react native

npm Commitizen friendly npm downloads

GraphQL Zeus creates autocomplete client library for JavaScript or TypeScript which provides autocompletion for strongly typed queries.

From version 2.0 Zeus support mapped types !!!

Supported Languages:

  • Javascript
    • Browser
    • NodeJS
    • React Native
  • TypeScript
    • Browser
    • NodeJS
    • React Native

How it works

Given the following schema Olympus Cards

Table of contents



How to use

Main usage of graphql zeus should be as a CLI.


Speed up your GraphQL API development

GraphQL Editor is a supportive tool for both advanced GraphQL users as well as those taking their first steps with GraphQL APIs. Our all-in-one development environment for GraphQL will help you build, manage & deploy your GraphQL API much faster thanks to dozens of built-in micro features. Its graphical interface will also fix communication within your product team. Visualization is the key!

GraphQL Editor

Discussion (1)

saikiran profile image
Sai Kiran

This looks amazing, Have to try it once.