Skip to main content

Interactive GraphQL Explorer

Explore the complete DropKit GraphQL schema, run queries, and test mutations directly in your browser.

Quick Start

1. Authentication

First, authenticate your requests by adding your API token to the headers:

2. Explore the Schema

Use the Docs panel (📖) to browse all available types, queries, and mutations:
  • Query - Read operations for drops, tokens, users, and more
  • Mutation - Write operations for creating, updating, and deleting resources
  • Subscription - Real-time updates for live data

3. Try Sample Queries

Get Drops

Get User Profile

Create a Token

Explorer Features

🔍 Schema Introspection

  • Browse all available types, fields, and descriptions
  • View field arguments and return types
  • Explore enum values and input types

🧪 Query Testing

  • Write and execute queries in real-time
  • Auto-complete for types and fields
  • Syntax highlighting and error detection

📚 Interactive Documentation

  • Click on any type or field to see documentation
  • Navigate through type relationships
  • View examples and usage patterns

🔧 Request Configuration

  • Set custom headers for authentication
  • Configure variables for dynamic queries
  • Save and share query configurations

Schema Overview

Root Types

Core Types

Drop

Token

User

Advanced Features

Variables and Fragments

Use variables to make your queries dynamic:

Subscriptions

Test real-time subscriptions:

Introspection

Explore the schema programmatically:

Tips for Using the Explorer

1. Use Auto-Complete

  • Press Ctrl+Space to trigger auto-completion
  • Use Ctrl+Enter to execute queries
  • Press Ctrl+/ to comment/uncomment lines

2. Navigate with Keyboard

  • F1 - Open command palette
  • Ctrl+D - Select next occurrence
  • Ctrl+Shift+L - Select all occurrences

3. Save Your Work

  • Use the History tab to revisit previous queries
  • Save frequently used queries as Favorites
  • Export queries to share with your team

4. Test Error Handling

  • Try invalid field names to see error messages
  • Test required field validation
  • Experiment with different input types

API Endpoint

The GraphQL endpoint is available at:
For development and testing:

Authentication

Include your API token in the Authorization header:

Need Help?

Pro Tip

Use the prettify button (⌘+Shift+P) to format your queries and make them more readable.