Source: https://seerepo.com/r/graphql/graphiql/built
Markdown source: https://seerepo.com/r/graphql/graphiql/built.md
Description: graphiql is a TypeScript repo built with React, Vue, and Vite. It makes its content with markdown-it and validates its data with Zod and json-schema.

# What is graphiql built with?

graphiql is a TypeScript repo built with React, Vue, and Vite. It makes its content with markdown-it, validates its data with Zod and json-schema, is tested with Vitest, Testing Library, vitest-canvas-mock, and msw, and uses lru-cache. It has 82,078 written lines, with 198 test files.

Read on November 7, 2026, at commit ec1e270.

Repository: https://github.com/graphql/graphiql

## Support (functions)

### Other

- **GraphQL**: 1 file

## Frontend (packages/cm6-graphql)

### Interface

- **[CodeMirror](https://seerepo.com/uses/codemirror)**: 9 files
- **[@lezer/highlight](https://seerepo.com/uses/lezer-highlight)**: 1 file

## Support (packages/cm6-graphql)

### Testing

- **Vitest**: 1 file

### Tools

- **@lezer/generator**: 1 file

### Other

- **GraphQL**: 4 files

## Frontend (packages/codemirror-graphql)

### Interface

- **[CodeMirror](https://seerepo.com/uses/codemirror)**: 15 files

## Support (packages/codemirror-graphql)

### Testing

- **Vitest**: 8 files

### Other

- **GraphQL**: 9 files

## Frontend (packages/graphiql-plugin-code-exporter)

### The base

- **[React](https://seerepo.com/uses/react)**: 1 file

## Frontend (packages/graphiql-plugin-collections)

### The base

- **[React](https://seerepo.com/uses/react)**: 8 files

## Support (packages/graphiql-plugin-collections)

### Validation

- **[Zod](https://seerepo.com/uses/zod)**: 1 file

### Testing

- **Vitest**: 10 files
- **Testing Library**: 8 files

### Other

- **GraphQL**: 1 file
- **zustand**: 1 file

## Frontend (packages/graphiql-plugin-doc-explorer)

### The base

- **[React](https://seerepo.com/uses/react)**: 20 files

### Interface

- **[Headless UI](https://seerepo.com/uses/headless-ui)**: 2 files

## Support (packages/graphiql-plugin-doc-explorer)

### Testing

- **Vitest**: 8 files
- **Testing Library**: 7 files

### Other

- **GraphQL**: 16 files
- **zustand**: 1 file

## Frontend (packages/graphiql-plugin-history)

### The base

- **[React](https://seerepo.com/uses/react)**: 2 files

## Support (packages/graphiql-plugin-history)

### Testing

- **Testing Library**: 2 files
- **Vitest**: 2 files

### Other

- **clsx**: 1 file
- **zustand**: 1 file

## Frontend (packages/graphiql-plugin-query-builder)

### The base

- **[React](https://seerepo.com/uses/react)**: 15 files

## Support (packages/graphiql-plugin-query-builder)

### Testing

- **Vitest**: 34 files
- **Testing Library**: 21 files

### Other

- **GraphQL**: 21 files

## Frontend (packages/graphiql-react)

### The base

- **[React](https://seerepo.com/uses/react)**: 40 files

### Interface

- **[monaco-editor](https://seerepo.com/uses/monaco-editor)**: 11 files
- **[Radix UI](https://seerepo.com/uses/radix-ui)**: 5 files
- **[Framer](https://seerepo.com/uses/framer)**: 1 file

## Support (packages/graphiql-react)

### Content

- **[markdown-it](https://seerepo.com/uses/markdown-it)**: 1 file

### Testing

- **Vitest**: 35 files
- **Testing Library**: 22 files

### Tools

- **Prettier**: 2 files

### Other

- **clsx**: 12 files
- **zustand**: 9 files
- **GraphQL**: 8 files
- **[jsonc-parser](https://seerepo.com/uses/jsonc-parser)**: 1 file

## Support (packages/graphiql-toolkit)

### Testing

- **Vitest**: 9 files

### Other

- **GraphQL**: 9 files
- **isomorphic-fetch**: 5 files
- **graphql-ws**: 2 files

## Frontend (packages/graphiql)

### The base

- **[React](https://seerepo.com/uses/react)**: 4 files

### Interface

- **[monaco-editor](https://seerepo.com/uses/monaco-editor)**: 1 file

## Support (packages/graphiql)

### Testing

- **Vitest**: 5 files
- **Testing Library**: 3 files
- **vitest-canvas-mock**: 1 file

### Other

- **clsx**: 1 file
- **GraphQL**: 1 file
- **zustand**: 1 file

## Support (packages/graphql-language-service-cli)

### Testing

- **Vitest**: 2 files

### Tools

- **yargs**: 1 file

### Other

- **GraphQL**: 1 file

## Frontend (packages/graphql-language-service-server)

### The base

- **[Vue](https://seerepo.com/uses/vue)**: 1 file

## Backend (packages/graphql-language-service-server)

### Data

- **[lru-cache](https://seerepo.com/uses/lru-cache)**: 1 file

## Support (packages/graphql-language-service-server)

### Testing

- **Vitest**: 12 files
- **msw**: 2 files

### Tools

- **graphql-config**: 6 files
- **Babel**: 4 files
- **vscode-languageserver**: 3 files
- **glob**: 2 files
- **graphql-tools**: 2 files
- **vscode-languageserver-protocol**: 2 files
- **@astrojs/compiler**: 1 file
- **fast-glob**: 1 file
- **nullthrows**: 1 file
- **source-map-js**: 1 file
- **svelte2tsx**: 1 file
- **vscode-languageserver-types**: 1 file

### Other

- **GraphQL**: 4 files
- **vscode-jsonrpc**: 3 files
- **vscode-uri**: 2 files
- **.ENV**: 1 file

## Support (packages/graphql-language-service)

### Validation

- **[json-schema](https://seerepo.com/uses/json-schema)**: 1 file

### Testing

- **Vitest**: 15 files

### Tools

- **vscode-languageserver-types**: 4 files
- **graphql-config**: 1 file

### Other

- **GraphQL**: 21 files

## Frontend (packages/monaco-graphql)

### The base

- **[Vite](https://seerepo.com/uses/vite)**: 1 file

### Interface

- **[monaco-editor](https://seerepo.com/uses/monaco-editor)**: 6 files

## Support (packages/monaco-graphql)

### Testing

- **Vitest**: 3 files

### Tools

- **Prettier**: 2 files
- **vscode-languageserver-types**: 1 file

### Other

- **GraphQL**: 5 files
- **minimatch**: 1 file

## Other repos with a similar stack

- [TryGhost/Ghost](https://seerepo.com/r/TryGhost/Ghost/built): React, lru-cache, Vite, CodeMirror, @lezer/highlight, Zod, Headless UI, Radix UI, markdown-it · [Compare](https://seerepo.com/compare/graphql/graphiql/vs/TryGhost/Ghost)
- [CherryHQ/cherry-studio](https://seerepo.com/r/CherryHQ/cherry-studio/built): React, lru-cache, Vite, CodeMirror, @lezer/highlight, Zod, Radix UI, markdown-it · [Compare](https://seerepo.com/compare/CherryHQ/cherry-studio/vs/graphql/graphiql)
- [novuhq/novu](https://seerepo.com/r/novuhq/novu/built): React, lru-cache, Vite, CodeMirror, @lezer/highlight, Zod, Radix UI, json-schema · [Compare](https://seerepo.com/compare/graphql/graphiql/vs/novuhq/novu)
- [n8n-io/n8n](https://seerepo.com/r/n8n-io/n8n/built): Vue, lru-cache, Vite, CodeMirror, @lezer/highlight, Zod, markdown-it · [Compare](https://seerepo.com/compare/graphql/graphiql/vs/n8n-io/n8n)
- [hoppscotch/hoppscotch](https://seerepo.com/r/hoppscotch/hoppscotch/built): Vue, Vite, CodeMirror, @lezer/highlight, Zod, monaco-editor, markdown-it · [Compare](https://seerepo.com/compare/graphql/graphiql/vs/hoppscotch/hoppscotch)
- [nocodb/nocodb](https://seerepo.com/r/nocodb/nocodb/built): React, Vue, lru-cache, CodeMirror, Zod, monaco-editor, markdown-it · [Compare](https://seerepo.com/compare/graphql/graphiql/vs/nocodb/nocodb)

## Frequently asked questions

### What language is graphiql written in?

graphiql is written in TypeScript, with 82,078 written lines.

### What framework does graphiql use?

graphiql is built with React, Vue, and Vite.

### What services does graphiql use?

graphiql uses lru-cache.

### Does graphiql have tests?

Yes. graphiql has 198 test files and is tested with Vitest, Testing Library, vitest-canvas-mock, and msw.

### Which repos have a stack like graphiql's?

The ones that share most of its stack: TryGhost/Ghost, CherryHQ/cherry-studio, and novuhq/novu.

## What is your repo built with?

Any public repo, with no account: https://seerepo.com/r/owner/repo/built, with the owner and name it has on GitHub.