RSC Viewer
DevTools panel for inspecting React Server Component (RSC) payloads
As of June 2026, RSC Viewer has 10 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.
Usersno change0%
10
10
Ratingno change0%
5.00
1 reviews
Reviewsno change0%
1
Version
0.1.0
Manifest V3
History
5 snapshotsTracking since May 2, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| May 2, 2026 | — | — | — | 0.1.0 |
| May 8, 2026 | — | — | — | 0.1.0 |
| May 25, 2026 | — | 5.00 | 1 | 0.1.0 |
| Jun 1, 2026 | 1 | 5.00 | 1 | 0.1.0 |
| Jun 7, 2026 | 6 | 5.00 | 1 | 0.1.0 |
| Now | 10 | 5.00 | 1 | 0.1.0 |
Changelog
- May 8, 2026description
Inspect and debug React Server Components (RSC) payloads.
RSC Viewer is a Chrome DevTools extension for inspecting React Server Component (RSC) payloads — the streaming "text/x-component" responses that frameworks like Next.js use to render Server Components in the browser. It captures these payloads from the network and displays them in a structured, navigable view that Chrome's built‑in Network panel often cannot show, because their bodies are consumed by the page's stream reader before DevTools can read them. You will get one new tab in your Chrome DevTools: "RSC Viewer". The panel lists every RSC request the inspected page makes, including the initial HTML document (whose payload is embedded as script tags) and any follow‑up navigation or prefetch fetches. Each entry shows method, URL, status, size, and timing, and the list can be filtered, paused, and cleared. Selecting a request opens a detail view with Headers and Response tabs. The Response tab parses the React Flight wire format, color‑codes each row by its type, and draws arrows connecting references to the rows they point at. Embedded RSC streams are parsed recursively and can be drilled into through a breadcrumb. Streaming responses appear in real time, so you can read partial chunks before the request finishes. Built‑in find (Cmd‑F / Ctrl‑F) supports incremental search with match navigation across all rows. A Statistics panel breaks down payload bytes by row type as a pie chart and reports both the resource size and the transferred (compressed) size. An integrated Flight Protocol reference documents every row tag, reference prefix, and binary chunk type the parser recognizes, so you don't need to leave DevTools to remember what a "T" row or a "$L" reference encodes. This extension requires permission to access the inspected page in order to capture streaming RSC responses, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/unstubbable/rsc-viewer.
Permissions & access
- Permissions
- None declared
- Host access
- None declared
Screenshots
About
RSC Viewer is a Chrome DevTools extension for inspecting React Server Component (RSC) payloads — the streaming "text/x-component" responses that frameworks like Next.js use to render Server Components in the browser. It captures these payloads from the network and displays them in a structured, navigable view that Chrome's built‑in Network panel often cannot show, because their bodies are consumed by the page's stream reader before DevTools can read them. You will get one new tab in your Chrome DevTools: "RSC Viewer". The panel lists every RSC request the inspected page makes, including the initial HTML document (whose payload is embedded as script tags) and any follow‑up navigation or prefetch fetches. Each entry shows method, URL, status, size, and timing, and the list can be filtered, paused, and cleared. Selecting a request opens a detail view with Headers and Response tabs. The Response tab parses the React Flight wire format, color‑codes each row by its type, and draws arrows connecting references to the rows they point at. Embedded RSC streams are parsed recursively and can be drilled into through a breadcrumb. Streaming responses appear in real time, so you can read partial chunks before the request finishes. Built‑in find (Cmd‑F / Ctrl‑F) supports incremental search with match navigation across all rows. A Statistics panel breaks down payload bytes by row type as a pie chart and reports both the resource size and the transferred (compressed) size. An integrated Flight Protocol reference documents every row tag, reference prefix, and binary chunk type the parser recognizes, so you don't need to leave DevTools to remember what a "T" row or a "$L" reference encodes. This extension requires permission to access the inspected page in order to capture streaming RSC responses, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/unstubbable/rsc-viewer.
Technical
- Version
- 0.1.0
- Manifest
- V3
- Size
- 246KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- kpimehgjbaagmjfebkcdakiccjeblgik
- Developer ID
- ubb4ee733694c02e7e71db2e2e6d952d2
- Developer Email
- [email protected]
- Created
- May 1, 2026
- Last Updated (Store)
- May 2, 2026
- Last Scraped
- Jun 7, 2026
- Website
- —
- Support URL
- —
- Privacy Policy
- —
Data sourced from the Chrome Web Store · last verified Jun 7, 2026.