graphql-editor - 📺 Visual Editor & GraphQL IDE

  •        45

Here is a cloud version of GraphQL Editor. Here is a guide for GraphQL Editor.

https://graphqleditor.com
https://github.com/graphql-editor/graphql-editor

Dependencies:

classnames : ^2.2.5
color2k : ^1.2.4
graphql-language-service : ^3.1.4
graphql-zeus : ^3.1.0
graphsource : ^2.0.2
re-resizable : ^6.1.1
typestyle : ^2.0.1
unstated-next : ^1.1.0

Tags
Implementation
License
Platform

   




Related Projects

graphql-editor - GraphQL Visual Node Editor

  •    TypeScript

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.

Altair - The only GraphQL client editor you will need - Postman for GraphQL

  •    Typescript

Altair is a beautiful feature-rich GraphQL Client IDE for all platforms. It enables you interact with any GraphQL server you are authorized to access from any platform you are on. Much like Postman for GraphQL, you can easily test and optimize your GraphQL implementations.

graphql-playground - 🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)

  •    TypeScript

Future of this repository: see the announcement issue for details. GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration).

react-fullstack-graphql - Starter projects for fullstack applications based on React & GraphQL.

  •    Javascript

For a fully-fledged React & Apollo tutorial, visit How to GraphQL. You can more learn about the idea behind GraphQL boilerplates here. All projects are based on graphql-yoga & Apollo Client.


graphql-playground - 🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)

  •    TypeScript

See the following question for more additonal features. You can easily share your Playgrounds with others by clicking on the "Share" button and sharing the generated link. You can think about GraphQL Bin like Pastebin for your GraphQL queries including the context (endpoint, HTTP headers, open tabs etc).

learn-graphql - Real world GraphQL tutorials for frontend developers with deadlines!

  •    Javascript

Real world GraphQL tutorials for frontend developers with deadlines! With these open-source community maintained tutorials, you will move from the basics of GraphQL to building a real-time application in 2 hours. Check out our contributing guide for more details.

graphql-playground - 🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)

  •    TypeScript

See the following question for more additonal features.You can easily share your Playgrounds with others by clicking on the "Share" button and sharing the generated link. You can think about GraphQL Bin like Pastebin for your GraphQL queries including the context (endpoint, HTTP headers, open tabs etc).

graphql-playground - 🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)

  •    TypeScript

See the following question for more additonal features. You can easily share your Playgrounds with others by clicking on the "Share" button and sharing the generated link. You can think about GraphQL Bin like Pastebin for your GraphQL queries including the context (endpoint, HTTP headers, open tabs etc).

Searchkit - GraphQL API & React UI components for Elasticsearch.

  •    TypeScript

Searchkit is a tool allowing you can quickly build a search experience using predefined GraphQL resolvers and React components. Built on the top of Apollo GraphQL, React & Elasticsearch, Searchkit makes building a high-quality API a lot easier. The library provides GraphQL resolvers dedicated to handling the most common use cases you could think of when using filtering oriented API beginning with basic operations such as simple querying, ending on more tricky ones such as efficient facet filtering or pagination.

graphql-config - One configuration for all your GraphQL tools (supported by most tools, editors & IDEs)

  •    TypeScript

GraphQL Config - one configuration for all your GraphQL tools (supported by most tools, editors & IDEs). The easiest way to configure your development environment with your GraphQL Schema. As a developer, you gain simplicity and a central place to setup libraries, tools and your IDE extensions.

Graphiql - An in-browser IDE for exploring GraphQL.

  •    Javascript

GraphiQL is the reference implementation of this monorepo, GraphQL IDE, an official project under the GraphQL Foundation. The code uses the permissive MIT license. The graphql-language-service-interface should be your go-to for language server protocol spec (LSP) implementations, which is now our first order IDE spec.

apollo-client - :rocket: A fully-featured, production ready caching GraphQL client for every server or UI framework

  •    TypeScript

Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL. To get the most value out of apollo-client, you should use it with one of its view layer integrations.To get started with the React integration, go to our React Apollo documentation website.

Reaction - API-first, headless commerce platform built using Node.js, React, GraphQL. Deployed via Docker and Kubernetes

  •    Javascript

Reaction Commerce is an API-first, modular commerce stack made for ambitious brands and retailers. Reaction’s service-based architecture is built to deliver flexibility and freedom at scale. Reaction can power any business model or shopper experience you can imagine. Get powerful core commerce capabilities right out of the box, and easily replace or customize anything as your business evolves.

node-graphql-server - Boilerplate code for scalable, production-ready GraphQL servers

  •    Javascript

For a fully-fledged GraphQL & Node.js tutorial, visit How to GraphQL. You can more learn about the idea behind GraphQL boilerplates here. All projects are based on graphql-yoga, a fully-featured GraphQL server library with focus on easy setup, performance & great developer experience.

graphql-voyager - 🛰️ Represent any GraphQL API as an interactive graph

  •    TypeScript

Represent any GraphQL API as an interactive graph. It's time to finally see the graph behind GraphQL. You can also explore number of public GraphQL APIs from our list. GraphQL Voyager exports Voyager React component and helper init function. If used without module system it is exported as GraphQLVoyager global variable.

apollo-universal-starter-kit - Apollo 2 Universal Starter Kit — GraphQL React JavaScript app boilerplate for Mobile, Server and Web where code for all platforms built with Webpack to enable max code reuse, stack: Apollo, GraphQL, React 16, React Native, Expo, Express, Knex, SQLite, Twitter Bootstrap, Babel, Webpack

  •    Javascript

Apollo Universal Starter Kit is a SEO friendly boilerplate for Universal Mobile and Web app development built on top of Apollo, GraphQL, React 16, React Native, Expo, Redux, Express with SQL storage support, for styling Twitter Bootstrap, NativeBase and Ant Design integration. Hot Code Reload of back end & front end using Webpack and Hot Module Replacement to reflect your changes instantly and help you stay productive. This starter kit adds full React Native integration, with Webpack as a packager and Expo. No native code compilation tools are needed in order to develop native mobile applications with this kit. You are able to run both web and mobile versions of your app at the same time connected to the same backend.

graphql-faker - 🎲 Mock or extend your GraphQL API with faked data. No coding required.

  •    TypeScript

Mock your future API or extend the existing API with realistic data from faker.js. No coding required. All you need is to write GraphQL IDL. Don't worry, we will provide you with examples in our IDL editor. In the GIF bellow we add fields to types inside real GitHub API and you can make queries from GraphiQL, Apollo, Relay, etc. and receive real data mixed with mock data.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.