graphql-editor/graphql-editor

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

6066 stars · 282 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

GraphQL Editor is an open-source visual editor and IDE for designing, exploring, and documenting GraphQL schemas using a node-based visual graph alongside a Monaco-based code editor. It is distributed as an npm React component and a hosted/desktop app, with features like schema federation, mock backends, and a GraphQL playground.

Use cases

• visualize a large GraphQL schema as a graph
• design a GraphQL schema with visual blocks instead of writing SDL
• explore and document GraphQL types for team onboarding
• build GraphQL queries with a tree-based query builder
• mock a GraphQL API from a schema for frontend development
• merge federated GraphQL schemas visually
• embed a read-only GraphQL schema viewer in docs

When to choose

• you need to understand or onboard onto a large existing GraphQL schema
• you want to design schemas visually and export SDL
• you want an embeddable React GraphQL editor component
• you need schema mocking or federation visualization

When to avoid

• you only need a lightweight GraphQL query runner like GraphiQL
• you need a full API management platform rather than schema tooling
• you require private team collaboration without a paid cloud plan

Facets

application · maturity active

graphql editor developer-tools documentation mock-api developer-tools web-development apis frontend cross-platform graphql-schema-design visual-editor schema-visualization graphql-ide federation react-component web-server desktop nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="graphql-editor/graphql-editor")