GraphiQl Storm

A GraphQl Web IDE. DEMO.

Features

• 💾 Export/Import workspaces
• ✨ Autocompletion & error highlighting
• 📚 Interactive, multi-column docs
• ⚙ Multiple Tabs & Endpoints

Usage

<!--index.html-->
<script src="https://cdn.jsdelivr.net/npm/graphiql-storm@latest/dist/index.js"></script>
<script>
  graphiQlStorm([{ route: "https://countries.trevorblades.com/" }]);
</script>

Or via npm

npm i graphiql-storm

// index.js
import graphiQlStorm from "graphiql-storm";

graphiQlStorm([{ route: "https://countries.trevorblades.com/" }]);

do not forgot to bundle this file with webpack webpack index.js -o index.bundle.js and then include the index.bundle.js in your index.html

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Or you can sponsor via Open Collective

Author

@Gherciu/graphiql-storm © GHERCIU, Released under the MIT License.
Authored and maintained by GHERCIU with help from contributors (list).

If you like this repository star⭐ and watch👀 on GitHub