Graffle
Simple GraphQL Client for JavaScript. Minimal. Extensible. Type Safe. Runs everywhere.
Install / Use
/learn @graffle-js/GraffleREADME
<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>[!NOTE] Looking for
graphql-request? It's been renamed to Graffle and the old version is available on thegraphql-requestbranch.
Getting Started
Visit 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 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>Related Skills
node-connect
340.5kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
84.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Writing Hookify Rules
84.2kThis skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
review-duplication
99.5kUse this skill during code reviews to proactively investigate the codebase for duplicated functionality, reinvented wheels, or failure to reuse existing project best practices and shared utilities.
