Reactjs/Nextjs Codebase Graph Visualizer

What it does

Devlens maps your React/Next.js codebase into an interactive graph so you can understand dependencies, logic flow, and the blast radius of changes, with business logic summaries and technical summaries along with any severity issues. Built using AST analysis (no AI for mapping), it helps you see how components, hooks, and state connect—especially in large codebases. It can be used for Easy Onboarding for new members in team, or for seeing the blast radius of your PR, providing easy PR review.

Map TypeScript, JavaScript, Python, Java, Go, and Rust repositories as interactive dependency graphs. Explore unfamiliar code and evaluate the impact of a change before merging it.

DevLens maps the files, functions, classes, routes, and dependencies across TypeScript, JavaScript, Python, Java, Go, and Rust. See how the system fits together and what a change could affect before you merge it. DevLens connects files, functions, routes, and state into one explorable model—so you can understand the architecture and its dependencies before changing code. Reveal every component, route, hook, and module connected to a selected file. Explore an unfamiliar architecture without tracing imports across dozens of files. Read a concise product and technical explanation on every graph node. Follow DevLens as it scans a production-style, multi-language repository, extracts its…from devlens.io

• 
  A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297

  Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!

• 
  Next.js 16Oct 2025 · nextjs.org · ▲417

  Performance results of AI coding agents on Next.js

• 
  Next.js 2.02017 · vercel.com · ▲220

  Framework for server-rendered React apps

• AV
  A Visual IDE for React2022 · dev.aspect.app · ▲479

  I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

• 
  React and Next.js Snippets2022 · marketplace.visualstudio.com · ▲133

  React and Next.js snippets with TypeScript

• 
  Codemap – Codebase Visualizer for JavaScript, TypeScript, and Python2020 · codemap.app · ▲84

  Codemap visualizes any codebase as a graph for software engineers to quickly understand the code architecture. Supports Typescript, Python, Java, PHP, Ruby, Go (Golang), and Terraform.

• 
  /dev/null▲486

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Brila▲1,364

  One-page websites from real Google Maps reviews

  AI · Apr 2026 · brila.ai

• AG
  A game where you build a GPU▲964

  Thought the resources for GPU arch were lacking, so here we are

  Life & fun · Apr 2026 · jaso1024.com

• 
  I built a tiny LLM to demystify how language models work▲915

  Built a ~9M param LLM from scratch to understand how they actually work. Vanilla transformer, 60K synthetic conversations, ~130 lines of PyTorch. Trains in 5 min on a free Colab T4. The fish thinks the meaning of life is food. Fork it and swap the personality for your own character.

  AI · Apr 2026 · github.com

• 
  Fathom 3.0▲800

  AI meeting notes: now bot-free, in ChatGPT & Claude + more

  AI · Apr 2026 · fathom.ai

• 
  Brutalist Concrete Laptop Stand (2024)▲786

  I made a laptop stand out of solid concrete, in the style of brutalist architecture, with themes of urbex and urban decay

  Life & fun · Apr 2026 · sam-burns.com

• 
  I built a frontpage for personal blogs▲783

  With social media and now AI, its important to keep the indie web alive. There are many people who write frequently. Blogosphere tries to highlight them by fetching the recent posts from personal blogs across many categories. There are two versions: Minimal (HN-inspired, fast, static): https://text.blogosphere.app/ Non-minimal: https://blogosphere.app/ If you don't find your blog (or your favorite ones), please add them. I will review and approve it.

  AI · Apr 2026 · text.blogosphere.app