# I Built a Tool That Turns Your React/Nextjs Codebase into a 2D Graph (No AI Mapping)

Why I Built This Lately, I’ve been noticing a shift. AI and agents are making development faster than ever. They can write large chunks of code, sometimes entire features. But there’s a tradeoff that doesn’t get talked about enough: You slowly lose a deep understanding of your own codebase. And honestly, that’s something I hate. I don’t use agents inside my IDE. I do use LLMs—but only for small pieces of logic or quick help. I still want to understand what I’m building. That got me thinking: If codebases are getting more complex—and we’re relying more on automation—how do we actually see and understand the system? So I started looking for a graph-based visualization tool that could map out a React/Next.js codebase in a meaningful way. I didn’t find what I wanted. So I built it. What It Does This tool maps your entire React/Next.js codebase into a 3D graph , showing: How components connect How data flows What depends on what And most importantly—what breaks if you change something All o