Loading...
Getting started
Most teams start in the browser: sign in, merge one pull request, and every change is drawn on the architecture. The editor, CI and command line reach the same diagram.
After you've run the CLI (the CLI track, step 1) to generate your analysis, open it in the webview to explore the architecture interactively. Pan, zoom, click a component for its details, and drill into sub-components. The interactive diagram below is the real webview, embedded right here. No install, no signup.

Switch branches or commits, or compare two refs side by side. The diff legend marks what changed (green is added, yellow is modified, red dashed is deleted) for both components and relationships. Try it live below.
Want this on every change? The comparison is integrated with GitHub — set up the GitHub Action and every pull request gets an automatic architecture diff against its target branch, so nothing slips through review.

When you're signed in, open a pull request to review how it reshapes the architecture: changed components and edges are coloured against the target branch, and the panel summarises what the PR adds, modifies, and removes.

To see your own repo's architecture live (rather than loading a file), set up the GitHub Action and wait for a run. The webview's “Set it up for me” opens that PR for you in one click.
Your codebase is the next diagram
Start free with the repositories you choose, or talk to us about your team.