# @graphql-codegen/client-preset > GraphQL Code Generator preset for client. Latest version **6.1.3** (published 2026-08-12) · MIT license · 0 weekly downloads ## Install ```sh npm install @graphql-codegen/client-preset pnpm add @graphql-codegen/client-preset yarn add @graphql-codegen/client-preset bun add @graphql-codegen/client-preset ``` ## Health **Score 60/100 (C)** — status: active. Positive: no vulnerabilities; recently updated; high maintenance score; popular repo. Warnings: low downloads; no types; no esm support. ## Facts | | | |---|---| | Version | 6.1.3 | | Published | 2026-08-12 | | First published | 2022-08-23 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 0 | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 11262 | | Maintainers | dotansimha, ardatan, kamilkisiela, urigo, theguild-bot | ## Links - npm: https://www.npmjs.com/package/@graphql-codegen/client-preset - Repository: https://github.com/dotansimha/graphql-code-generator - npm.io page: https://npm.io/package/@graphql-codegen/client-preset ## Recent versions - 6.1.3 (latest) — 2026-08-12 - 6.2.0-alpha-20260913084145-8b4f671e9cc6064240e1c070a059a4fbff96f2f0 (alpha) — 2026-09-13 - 4.7.0-rc-20250306112231-095da9b9a0ce0883adca6c136e8bee19c4231f86 (rc) — 2025-03-06 - 1.0.1-v3rfc-20220829104332-c07568002 (v3rfc) — 2022-08-29 - 6.2.0-alpha-20260913081930-871299917f7fe18922e380019a499f1bd48fa2ea — 2026-09-13 - 6.2.0-alpha-20260913051023-2fefb61f69228ef6d2802b9572c43c70a11cb5c3 — 2026-09-13 - 6.2.0-alpha-20260913050238-1ba08d91ebbc0f69ac5c6cb4595a70a7647a824f — 2026-09-13 - 6.2.0-alpha-20260913050037-3cf63ca321d280121ae6fcc75bc066a72f229715 — 2026-09-13 - 6.2.0-alpha-20260913043207-e716c43a65af035567abbed0fbde1adcf918a29e — 2026-09-13 - 6.2.0-alpha-20260913024757-23bcbc729bb8c044054d0958237feeea7a45bb2d — 2026-09-13 - 6.2.0-alpha-20260913014619-30f626c92ee4806bec7a4bb61bcb4cee4a786cb4 — 2026-09-13 - 6.2.0-alpha-20260913005636-8f7ee082fd39a8b6d0d4185609a4271b894394c9 — 2026-09-13 - 6.2.0-alpha-20260913005451-62e91cc87a62a988108529f0119109e2890fb981 — 2026-09-13 - 6.2.0-alpha-20260913004448-a387728112c2c84d7b59a1f648f2159734e37139 — 2026-09-13 - 6.2.0-alpha-20260913004031-d3a8cde9345a23016e19c554fca0b4183fe4225e — 2026-09-13 - … 2585 more at https://npm.io/package/@graphql-codegen/client-preset/versions ## README
GraphQL Code Generator logo Created by The Guild
[![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](https://badge.fury.io/js/%40graphql-codegen%2Fcli) [https://the-guild.dev/graphql/codegen](https://the-guild.dev/graphql/codegen) GraphQL Code Generator is a tool that generates code out of your GraphQL schema. Whether you are developing a frontend or backend, you can utilize GraphQL Code Generator to generate output from your GraphQL Schema and GraphQL Documents (query/mutation/subscription/fragment). By analyzing the schema and documents and parsing it, GraphQL Code Generator can output code at a wide variety of formats, based on pre-defined templates or based on custom user-defined ones. Regardless of the language that you're using, GraphQL Code Generator has you covered. GraphQL Code Generator lets you choose the output that you need, based on _plugins_, which are very flexible and customizable. You can also write your _plugins_ to generate custom outputs that match your needs. You can try this tool live on your browser and see some useful examples. Check out [GraphQL Code Generator Live Examples](https://the-guild.dev/graphql/codegen/#live-demo). We currently support and maintain [these plugins](https://the-guild.dev/graphql/codegen/plugins) (TypeScript, Flow, React, Angular, MongoDB, Stencil, Reason, and some more), and there is an active community that writes and maintains custom plugins. ## Quick Start > You can find the complete instructions in > [GraphQL Code Generator website](https://the-guild.dev/graphql/codegen/docs/getting-started/installation). Start by installing the basic deps of GraphQL Codegen: ```bash pnpm add graphql pnpm add -D @graphql-codegen/cli ``` GraphQL Code Generator lets you setup everything by simply running the following command: ```bash pnpm graphql-codegen init ``` Question by question, it will guide you through the whole process of setting up a schema, selecting plugins, picking a destination of a generated file, and a lot more. If you wish to [manually setup codegen, follow these instructions](https://the-guild.dev/graphql/codegen/docs/getting-started/installation). ## Links Besides our [docs page](https://the-guild.dev/graphql/codegen/docs/getting-started), feel free to go through our published Medium articles to get a better grasp of what GraphQL Code Generator is all about: - [All available plugins & presets](https://the-guild.dev/graphql/codegen/plugins) ## Contributing If this is your first time contributing to this project, please do read our [Contributor Workflow Guide](https://github.com/the-guild-org/Stack/blob/master/CONTRIBUTING.md) before you get started off. Feel free to open issues and pull requests. We're always welcome support from the community. For a contribution guide specific to this project, please refer to: http://the-guild.dev/graphql/codegen/docs/custom-codegen/contributing. ## Code of Conduct Help us keep GraphQL Code Generator open and inclusive. Please read and follow our [Code of Conduct](https://github.com/the-guild-org/Stack/blob/master/CODE_OF_CONDUCT.md) as adopted from [Contributor Covenant](https://contributor-covenant.org) ## License [![GitHub license](https://img.shields.io/badge/license-MIT-lightgrey.svg?maxAge=2592000)](https://raw.githubusercontent.com/apollostack/apollo-ios/master/LICENSE) MIT --- _Source: https://npm.io/package/@graphql-codegen/client-preset · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._