GraphiQL vs Hasura
GraphiQL
graphiql.dev
Hasura
hasura.ioSide by side
| Figure | GraphiQL | Hasura |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Linux | — | Yes |
| API | — | Yes |
| Self-hosted | Yes | Yes |
| Plans published | 1 | 3 |
| Spec score · GraphQL Tools | 8.4 (#3) | 7.7 (#13) |
| Integrations | The project provides examples for CDN ESM, Webpack, Create React App, and Parcel, and its repository describes GraphQL language tooling for CodeMirror, Monaco, and Visual Studio Code. | Hasura Cloud lists GitHub integration for CI/CD and observability integrations such as Datadog, New Relic, Azure Monitor, Prometheus, and OpenTelemetry. |
| Security | The project warns that GraphiQL versions below 1.4.7 are vulnerable to an XSS attack when connected to an untrusted GraphQL server. | Hasura Cloud lists query allow lists, optional GraphQL introspection disabling, security event logging, access controls, and DDoS monitoring among its security features. |
| Support | The project directs users to GitHub for issues and discussions and to the GraphQL Discord server for community discussion. | The Cloud Free plan includes community and email/ticketed support, Professional includes expert technical support, and Enterprise includes 24x7 expert technical support with customizable SLAs. |
Plans
In their own words
GraphiQL
GraphiQL is a free, interactive, in-browser IDE for GraphQL. Its editor supports the latest GraphQL specification, with syntax highlighting, type-aware suggestions, query and variable completion, and real-time error highlighting. A searchable documentation explorer can display Markdown, and the built-in query history and documentation explorer are available as plugins. GraphiQL can preserve state in browser localStorage and provides a plugin API for extending its interface. It is also a React package for embedding the IDE in an application; a component needs a fetcher function that sends requests to a GraphQL API. The toolkit fetcher supports HTTP, multipart incremental delivery, and subscriptions through graphql-ws or the legacy WebSocket protocol. Developers can customize the interface with React props and children, while CSS variables are the supported way to change its appearance. GraphiQL is open source under the MIT license. Its project offers a progressive web app demo and examples for CDN, Webpack, Create React App, and Parcel.
Hasura
Hasura is a hybrid API platform that generates data APIs over connected databases, so developers do not need to write handlers, schemas, or resolvers. Hasura Cloud plans provide instant GraphQL APIs, RESTified endpoints, and GraphQL subscriptions. Listed database sources include Postgres-compatible systems, Microsoft SQL Server, BigQuery, Amazon Athena, Snowflake, MySQL, Oracle, MariaDB, MongoDB, and ClickHouse. APIs can be extended with remote schemas, remote joins, Actions, and event or scheduled triggers. Authorization can use an authentication provider of the customer’s choice, with JWT controls through headers, cookies, or webhooks. Cloud hosting is available on AWS, Google Cloud Platform, and Microsoft Azure Cloud. The Community Edition can run from a Docker image, while Enterprise Edition supports on-premises deployment. Hasura Cloud also lists GitHub, observability integrations, query allow lists, access controls, and DDoS monitoring. Plans include a free tier and paid options.