graphql-editor/graphql-editor
Graphql Editor
GraphQL Editor is a collaborative workspace platform for designing, editing, and managing GraphQL schemas. It provides an interactive graph-based visual editor that lets teams create and explore schemas without writing code, alongside a full-featured Monaco text IDE with real-time syntax validation. The platform supports AI-powered schema generation from natural language prompts, federated schema composition that visualizes type merging across subgraphs, and AST-level schema comparison that highlights structural differences between versions.
The platform distinguishes itself through its bidirectional navigation between visual graph nodes and code editor cursor positions, enabling seamless editing across both interfaces. It includes a tree-based visual query builder that constructs GraphQL queries through clickable forms, and automatically synchronizes interface fields to implementing types with propagated edits. Teams can manage projects within workspaces with role-based permissions (Owner, Admin, Editor, Viewer), invite members via email or shareable magic links, and import schemas from GitHub repositories or remote URLs with optional read-only sync.
The platform supports project creation from scratch, from pre-built library templates (neo4j, Apollo, Dgraph, AWS), or from existing schemas. It generates Markdown documentation from schema description fields, provides read-only schema viewer embedding for external applications, and includes mocking tools that return type-safe responses against the schema.