Playground API
DocsStatsBlogStudio
Documentation Tree
Technical BlogFeature Deep Dives
  • Introduction
  • Quickstart
    5 min
  • How It Works
  • Recipes & Cookbooks
  • Platform Comparisons
  • Real-World Showcase
  • Interactive Studio
    Studio
  • GraphiQL IDE
    IDE
  • Session Quotas & Activity
  • Network Chaos Simulator
  • Atomic Sandbox Reset
  • Overview & Models
    Hub
  • Users Resource
  • Posts Resource
  • Comments Resource
  • Todos Resource
  • Custom Collections
    Custom
  • Multipart File Uploads
    Upload
  • Dynamic SVG Avatars
    SVG
  • Image Thumbnails
    CDN
  • Relational Filtering
  • Full-Text Search
  • Dynamic Sorting
  • Offset Pagination
  • Cursor Pagination
    Scroll
  • CSV & Excel Export & Import
    IO
  • Custom Collections
    CRUD
  • Overview & Architecture
    Hub
  • JWT Auth Flow
  • Refresh Token Rotation
    Mutex
  • RBAC Permission Matrix
    Roles
  • Expiry Simulation
  • Clock Skew Drift
  • Password Recovery Loop
  • Dual-Mode Sandboxing
  • GraphiQL IDE
    IDE
  • Relational Queries
  • Stateful Mutations
  • Realtime Subscriptions
  • Overview & Flowcharts
    Hub
  • Hosted Checkout
    Stripe
  • Payment Intents API
  • 3DS Challenge Modal
    Modal
  • Customers Vault
  • Charges & Refunds
  • Test Cards Catalog
  • Overview & Channels
    Hub
  • Virtual Email Mailbox
    Mailtrap
  • Virtual SMS Terminal
    Phone
  • In-App Notifications
  • Message Dispatcher
  • Realtime Studio
    Studio
  • Native WebSocket (/ws)
  • Socket.io Gateway
  • Presence & Echo Bot
  • Server-Sent Events (SSE)
    SSE
  • Analytics Telemetry
  • Webhook Subscriptions
  • HMAC SHA-256 Signatures
  • Delivery Logs
  • Manual Retry Simulator
  • Network Latency Delay
  • HTTP Status Codes
  • Rate-Limit Simulator
    429
  • Flaky Network & Jitter
    Chaos
  • Session Quotas & Activity
  • JSON Snapshots
    JSON
  • Headless CI/CD Testing
    CI
  • Mobile QR Code Sync
  • System Metrics & Health
  • Atomic Sandbox Reset
  • Official TypeScript SDK
  • Multi-Language Generators
  • DevTools Extension
  • OpenAPI 3.1 Spec
    JSON
  • Postman Collection v2.1
  • Bruno Collection
  • Insomnia Workspace
  • TypeScript .d.ts
    .d.ts
  • AI Prompt Rules
    Rules
  • Context Index (llms.txt)
  • Full Schema (llms-full.txt)
  • Manifest (product.json)
  • All Feature Articles
    Blog
  • React CRUD Without Backend
    Deep Dive
  • Why Static APIs Fail
  • Mocking Stateful Auth
  • WebSockets & SSE Guide
Technical Blog
Articles

In-depth articles explaining stateful mock APIs, WebSockets, payments, and frontend resilience.

Read Articles
PreviousMulti-Language Generators
NextOpenAPI 3.1 Spec
Browser Extension Companion

Browser DevTools Extension

An integrated browser developer panel for Chrome, Firefox, and Edge. Inspect virtual mutation overlays, monitor active rate-limits, preview incoming webhooks, and trigger atomic sandbox resets without leaving your application.

Companion Workbench Capabilities

Live Mutation Timeline

Visualizes every POST, PUT, and DELETE executed by your web application. Inspect the before-and-after diffs stored in your visitor overlay.

Chaos Injection Slider

Adjust artificial latency (0ms to 5000ms) or force error status codes (400, 429, 500) globally for all outbound requests without having to touch your application code.

One-Click Atomic Reset

Wipe all mutated records, custom dynamic collections, and modified user profiles in 100 milliseconds. Restores the pristine baseline dataset immediately.

Session Identity Switcher

Switch between multiple isolated mock sessions (e.g. "admin-user", "guest-visitor", "e2e-run-4") to test multi-tenant workflows effortlessly.

How to Use the DevTools Panel

1

Open Browser DevTools

Press F12 or Cmd+Option+I in your browser while viewing your application.

2

Select "Playground API"

Navigate to the dedicated "Playground API" tab alongside Elements, Console, and Network tabs.

3

Inspect & Mutate

Watch real-time state changes occur as you interact with your UI. Toggle network delays or wipe state on demand.

Local Developer Installation (Manifest V3)

For local hacking or enterprise corporate environments with restricted store access:

manifest.json
Chrome & Firefox Extension Manifest V3
1
{
2
"manifest_version": 3,
3
"name": "Playground API Companion",
4
"version": "1.0.0",
5
"description": "Inspect session mutations, inject chaos latency, and reset sandbox state.",
6
"devtools_page": "devtools.html",
7
"permissions": ["storage", "cookies"],
8
"host_permissions": ["*://playground.nileslabs.com/api/v1/*"]
9
}

Looking for the OpenAPI 3.1 Specification?

Download the full API schema to generate client SDKs or Swagger documentation.

View OpenAPI 3.1 Spec