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), or run the live StackBlitz demo to play with this panel right in your browser.