Arclens

React architecture explorer

See your codebase as
|

Static analysis → interactive graph. Understand unfamiliar codebases in minutes.

Docs

The npm package is the free tier — analyze, watch, and view locally. Pro is coming soon.

arclens — zsh

$

Product

From files to architecture

Without running the app.

Arclens uses static AST analysis to map your entire React and TypeScript project in seconds — rendering an interactive node-graph without requiring a dev server or build step.

✓

Zero-Runtime Parsing

Parses JSX, hooks, context, and import graphs safely without executing untrusted code.

✓

Interactive Neighborhood Focus

Isolate any component or utility and examine upstream/downstream dependents instantly.

✓

100% Local & Private

Your codebase never leaves your filesystem. No external uploads or cloud dependencies.

Arclens graph viewer

How it works

Run a command. Get a graph.

No config files, no build step, no runtime required.

01

Analyze your src

Point the CLI at your React/TypeScript tree. Arclens walks the AST and classifies nodes.

02

Get a graph + insights

Dependencies become edges. The terminal prints orphans, naming hints, and Hooks rule checks.

03

Explore in the viewer

Search nodes, focus neighborhoods, and trace what will move if you change a file.

Free tier

Built for your day job and side projects.

Most React apps are small enough to map locally. Install Arclens, run analyze, and explore the graph without signing up or hitting a paywall on day one. Pro is there when the repo gets big enough that you feel the limits, not before.

LOCAL-FIRST

100% Private & Local

Analyze codebases entirely on your local machine. Zero code telemetry, remote uploads, or mandatory account signups required.

CORE EXPLORER

Full Interactive Graph

Detect components, hooks, contexts, and imports with interactive search, cluster grouping, and neighborhood focus capabilities out of the box.

HONEST LIMITS

Generous Soft Limits

Built to handle full side projects and production codebases effortlessly. Best-effort execution without artificial functional paywalls.

GROWTH-READY

Upgrade When You Scale

Pro is ready when your repository requires team CI checks, Next.js architecture depth, or monorepo impact analysis.

Pricing

Start free. Upgrade when it hurts.

Install the free CLI today. Pro checkout opens when the paid tier is ready.

Free

$0

Local analyze, graph, and viewer for mid-size React/TS apps.

  • Local project analysis & AST mapping (up to 1,000 files)
  • Component, hook, context & utility extraction
  • Interactive graph viewer & neighborhood focus
  • CLI terminal reports & orphan detection
  • Export graph snapshot (graph.json)
  • Community support & open documentation
Coming soon

Pro

$xx

For repos that outgrow Free limits: larger graphs, Next.js depth, and Pro insights.

  • Everything in Free tier
  • Large codebase support (up to 25,000 files)
  • Next.js App Router + Pages Router adapter
  • Circular dependency & coupling detection (Pro insights)
  • Pro roadmap: incremental watch & impact depth
  • Priority email & GitHub issue support
  • Paddle Billing handles global tax + email receipt delivery
Preview of planned Pro features

Documentation

Prefer to read first?

Open docs