Relay Inspector

About

A read-only DevTools panel for browsing the normalized store of any Relay-powered app.

Inspired by the official Relay DevTools, Relay Inspector focuses on one thing: making the normalized record cache easy to navigate at the scales real apps actually have — hundreds to thousands of records. The official tool covers more ground (snapshots, optimistic updates, the event log), but the record-browsing surface gets cramped past a few dozen records, and that's the part I reach for most when debugging Relay. This is an attempt to make that one surface comfortable to live in.

What's here

• Searchable record list grouped by __typename, with sticky group headers so you always know what type you're scrolling through
• VSCode-style preview tabs — single-click previews a record (replaces the existing preview), double-click pins it
• __ref and __refs chips that navigate between connected records like links
• Per-environment back/forward history (Cmd+[ / Cmd+]) so jumping through refs is always reversible
• Tab bar with wheel-scroll, arrow buttons, and a per-env tab set that persists when you switch environments
• Up/Down arrow keys walk through records in the list
• Live updates as your app commits to the store

What it isn't

It doesn't write to your store, intercept network requests, or persist data to disk. Everything stays in your browser.

How to use

Open DevTools on any page running Relay and click "Relay Inspector" in the tab strip. The panel will populate immediately — no page reload required.