Reactjs/Nextjs Codebase Graph Visualizer

The tool converts any TypeScript or JavaScript repository that uses React or Next.js into an interactive dependency graph. It parses every source file, extracts components, hooks, functions, state stores, utilities, routes and other entities, and connects them with ten relationship types. The resulting graph can be explored in the browser, with each node offering both a business‑focused summary and a technical implementation summary generated by a local language model.

State‑layer awareness lets the visualizer map Redux, Zustand, Jotai, Context API and custom hooks, showing how components read or write shared state. Additional features include importance scoring based on PageRank and fan‑in/fan‑out, commit‑diff comparison that highlights added, removed or re‑scored nodes, and detection of Next.js, Express, Fastify or Koa entry points with full call‑chain expansion.

All analysis runs locally, preserving code privacy, and supports checkpointing to pause and resume large jobs. The system reuses unchanged nodes across runs, reducing the need for repeated summarization, and can handle graphs of several thousand nodes within seconds for generation and minutes for full AI summarization.