Top 7 GraphQL IDEs you should know about in 2021
Tags: graphql, ide, webdev
Published: 2021-03-15 07:36:49

---
title: Top 7 GraphQL IDEs you should know about in 2021
published: true
date: 2021-03-10 12:55:51 UTC
tags: GraphQL,IDE,WebDevelopment
canonical_url: https://hasura.io/blog/top-7-graphql-ides-you-should-know-about-in-2021/
---

 ![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/top_7_IDE_2021-2.png)

In 2015, Facebook launched GraphQL—A query language for APIs, after internally developing it back in 2012. Ever since its inception, GraphQL has grown immensely with a buzzing community and vibrant ecosystem of tools, libraries, IDEs, & more around it. With companies like Twitter, Airbnb, GitHub and myriad others moving to GraphQL, the adoption trend has gone up in the past 6 years.

To cater to the growing number of developers using GraphQL, there is now a wide range of GraphQL IDEs that one can choose from. In this blog post, I’ve put together a list of the top 7 IDEs that you should know about in 2021 (in no particular order). Feel free to comment to add your suggestions and tell us about your preferred IDE!

### 1.GraphiQL

[**GraphiQL**](https://github.com/graphql/graphiql) is a popular lightweight and interactive in-browser GraphQL IDE that is built with React by the GraphQL Foundation. It supports the official GraphQL spec out-of-the-box and includes strong features like a visual query builder, API documentation explorer, syntax & error highlighting, and automatic code completion.

![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/Screen-Shot-2021-03-10-at-12.27.51-PM.png)

Since this blog post is dedicated to GraphQL IDEs, there is one candidate that deserves an honourable mention—[graphiql.online.com](https://graphiql-online.com/graphiql). This version of GraphiQL is a fork of the original version with a simple header management UI that lets you configure environment variables that are required in various stages of development. For instance, the production build uses values directly present in index.html serving this app.

![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/Screen-Shot-2021-03-10-at-5.24.58-PM-1.png)

### 2. Insomnia

**[Insomnia](https://insomnia.rest/)** is an open-source API design platform. Although it isn’t specifically a GraphQL IDE, the API client supports GraphQL extensively. It is a great tool for collaboration across teams with its multiple workspaces and import/export features. Other interesting features of the Insomnia editor include automatic query completion and real-time error checking.

![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/Screen-Shot-2021-03-10-at-2.38.30-PM.png)

### 3. Postman

**[Postman](https://www.postman.com/)** is another API development platform that is quite popular among developers. Much like Insomnia, Postman isn't specifically built for GraphQL, rather better suited for REST APIs. However, the support for GraphQL has become a bit more sophisticated and robust. Its auto-generated API documentation is one of its strongest features. It also lets you connect to mock servers for simulating endpoints which allows developers to test different responses without running an actual backend.

![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/Screenshot-2021-03-10-at-4.37.19-PM.png)

### 4. GraphQL Playground

**[GraphQL Playground](https://github.com/graphql/graphql-playground)** is a GraphQL IDE built on top of GraphiQL, developed by Prisma. Apart from the existing features of GraphiQL, it includes improvements and enhancements to the original GraphiQL experience, like enhanced documentation and schema exploration, and better query debugging.

![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/Screen-Shot-2021-03-10-at-12.27.30-PM.png)

### 5. GraphQL Editor

**[GraphQL Editor](https://graphqleditor.com/)** is an open-source GraphQL IDE that lets you preview your frontend as a live JAMstack engine by allowing you to connect to a mock backend and comes with a great schema exploration & visualization experience.

![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/Screen-Shot-2021-03-10-at-12.31.02-PM.png)

### 6. Apollo Studio

The [**Apollo Studio Explorer**](https://studio.apollographql.com/login) is a cloud-based GraphQL IDE that is specifically tailored to suit GraphQL developers. It lets you save your query history to the cloud automatically.

![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/Screen-Shot-2021-03-10-at-2.34.17-PM.png)

### 7. Altair Client

**[Altair](https://altair.sirmuel.design/)** is an open-source GraphQL Client that lets you debug GraphQL queries and implementations, available for multiple platforms including browsers like Chrome, Edge, & Firefox and OS like MacOS, Linux, & Windows. The IDE comes with an advance search for schema documentation and auto-refresh for the docs. Other strong features include multiple windows, extensive plugin system, import/export for your query collections, ability to switch between development environments (local, staging, production), etc.

![Top 7 GraphQL IDEs you should know about in 2021](https://hasura.io/blog/content/images/2021/03/Screen-Shot-2021-03-10-at-12.28.13-PM.png)

### Special Mention 🎁

[**Graphqurl**](https://github.com/hasura/graphqurl)—A curl like CLI for GraphQL, made with ❤️  by [Hasura](https://hasura.io/). It's features include:

- CLI for making GraphQL queries. It also provisions queries with autocomplete.
- Run a custom GraphiQL, where you can specify requests headers, locally against any endpoint
- Use as a library with Node.js or from the browser
- Supports subscriptions
- Export GraphQL schema

That's a wrap on our lineup of top GraphQL IDEs you should know about! Now that you know your options, try them out with [Hasura Cloud](https://hasura.io/cloud/). Hasura gives you instant realtime GraphQL APIs over multiple databases. Connect the GraphQL endpoint to your choice of IDE and get going with creating, running, and managing your GraphQL operations in an interactive way. 🚀