> [!NOTE]
> Looking for `graphql-request`? It's been renamed to Graffle and the old version is available on the [`graphql-request` branch](https://github.com/graffle-js/graffle/tree/graphql-request).

<p align="center">
  <img src="./website/content/public/_assets/logo-dark.png" width="200" alt="Graffle Logo">
</p>

<h1 align="center">Graffle</h1>

<p align="center">
  <b>Minimal. Extensible. Type Safe. GraphQL client for JavaScript.</b>
</p>

<p align="center">
  ✨ Document Builder with full type inference • 🧰 Powerful extension system<br/>
  🚛 Multi-transport (HTTP + in-memory) • 🎭 Native GraphQL syntax support<br/>
  📦 Rich ecosystem of extensions • 🧙 Custom scalar codecs
</p>

<p align="center">
  <a href="https://graffle.js.org">Documentation</a> •
  <a href="https://graffle.js.org/guides/getting-started">Getting Started</a> •
  <a href="https://graffle.js.org/examples">Examples</a>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/graffle"><img src="https://img.shields.io/npm/v/graffle.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a>
  <a href="https://www.npmjs.com/package/graffle"><img src="https://img.shields.io/npm/dm/graffle.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"></a>
  <a href="https://github.com/graffle-js/graffle/blob/main/LICENSE"><img src="https://img.shields.io/github/license/graffle-js/graffle.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="License"></a>
  <a href="https://github.com/graffle-js/graffle/actions/workflows/trunk.yml"><img src="https://img.shields.io/github/actions/workflow/status/graffle-js/graffle/trunk.yml?style=flat&colorA=18181B&colorB=28CF8D" alt="CI"></a>
  <a href="https://www.typescriptlang.org/"><img src="https://img.shields.io/badge/TypeScript-Ready-blue.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="TypeScript"></a>
</p>

## Getting Started

Visit **[graffle.js.org/guides/getting-started](https://graffle.js.org/guides/getting-started)** for installation instructions, quick start guide, and examples.

> **Note:** Graffle is currently in pre-release. Follow the documentation for the correct installation command.

## Learn More

Visit **[graffle.js.org](https://graffle.js.org)** for full documentation, guides, and examples.

## License

MIT

## Sponsors

<p align="center">
  Graffle is supported by these generous sponsors.<br/>
  If you find Graffle valuable and would like to support its development,<br/>
  please consider <a href="https://github.com/sponsors/jasonkuhrt">becoming a sponsor</a>.
</p>

<p align="center" style="font-size:21px; color:black;">
  Browser testing via<br/>
  <a href="https://www.lambdatest.com/?utm_source=graffle&utm_medium=sponsor" target="_blank">
    <img src="https://www.lambdatest.com/blue-logo.png" style="vertical-align: middle;" width="250" height="45" />
  </a>
</p>