NPM Dep Graph - Free Online Developer Tool | IconVault
Visualize npm dependency trees as force-directed graphs. Crawl depth control, hover versions, SVG export. Free.
NPM Dep Graph
Visualize package dependency trees
Package name
Crawl depth: 2
Depth 2 covers most trees. Capped at 160 packages to stay fast.
5 of 5 free graphs left. Live data from registry.npmjs.org.
Your dependency graph appears here
Enter an npm package and build a force-directed graph of its dependency tree.
About this tool
IconVault's NPM Dep Graph turns any package into a visual dependency tree: it crawls registry.npmjs.org live, then lays the packages out as a force-directed graph with color-coded depth levels. Hover any node to see its exact installed version.
Control the crawl depth (1 to 3 levels), capped at 160 packages so even big trees stay fast, then export the graph as SVG for docs or slides. Free and runs fully in your browser.
Frequently asked questions
Popular searches
More tools
Code Playground
Write HTML, CSS & JS with live preview.
JSON Formatter
Beautify, validate & minify JSON.
Base64 Encoder
Encode & decode text and files.
JWT Decoder
Inspect tokens without sending them anywhere.
Coming soon
CLI
Coming soon
Figma plugin
Coming soon
VS Code extension
Coming soon
Chrome extension
Coming soon
AI icon generator
Coming soon
Team workspaces
Coming soon