Visual GraphQL Programming

As GraphQL seems to enjoy interest of community I want to share with you a video showing how easy is creating a GraphQL Schema with GraphQL Editor.

You can play with the editor here or check out Github repo:

slothking-online / graphql-editor

GraphQL Visual Node Editor

GraphQL Editor

GraphQLEditor makes it easier to understand GrapHQL schemas. Create a schema by joining visual blocks. GraphQLEditor will transform them into code.
With GraphQLEditor you can create visual diagrams without writing any code.

Live Demo

Here is a live demo example of GraphQLEditor.

Full docs are available here. How to use in your project, develop etc.


How It Works
Create GraphQL nodes and connect them to generate a database schema. You can also use builtin text IDE with GraphQL syntax validation

GraphiQL in Cloud
live demo also provides GraphiQL in cloud and faker based GraphQL mock backend

Develop or use standalone
npm i graphql-editor

import * as React from ‘react’
import { render } from ‘react-dom’
import { Editor } from ‘../src/index’
class App extends React.Component&lt
editorVisible: boolean;

View on GitHub

Hope you gonna enjoy! Cheers!