All panels
03 / 15 · panel reactive

Reactive Graph

See how `$state`, `$derived`, and `$effect` connect


Render the dependency graph of Svelte 5 runes as a DAG. Find unexpected fan-out, missing memoization, or accidental coupling between unrelated components.

What you can do

  • 01 Force-directed graph layout
  • 02 Edges show derivation and effect dependencies
  • 03 Click a node to jump to its source

Try it

Add the plugin to your project (Getting Started) to use this panel in your own dev server.