Visual Git Desktop UI

An interactive visualization of your Git repository internals. Explore commits, branches, trees, blobs and more on a live canvas.

Commits
Trees
Blobs
Branches
Tags
HEAD
Git Graph Canvas

Interactive Git Graph

The main canvas displays every object in your repository as a color-coded node with directional links showing relationships between commits, trees, blobs, branches and tags.

Labels on each node show the hash, commit message, branch name or filename so you always know what you're looking at.

Toggle Visibility

Use the checkboxes at the bottom of the screen to show or hide Trees, Blobs and Tags. Hiding trees and blobs reduces clutter so you can focus on the commit history and branch structure.

When nodes are hidden, links automatically re-route so the graph stays connected and readable.

Toggle Controls
drag me

Drag & Reposition Nodes

Click and drag any node to reposition it on the canvas. Arrange the graph in whatever layout makes most sense to you.

Your custom positions are preserved proportionally when the window is resized or the repository refreshes, so your layout is never lost.

Working & Staging Area Panels

Two draggable panels in the lower-left show the files in your working directory and staging area. Each panel has an indigo header bar you can grab to reposition it.

Click the chevron to collapse or expand a panel. File entries show the filename, a short hash and a preview of the file contents.

Working Area
file1.txt a1b2
file2.txt c3d4
Staging Area
file1.txt a1b2
LIVE

Real-time Updates

A file watcher monitors your .git directory and working tree. When you commit, stage, branch or edit a file, the visualization refreshes automatically within moments.

No manual refresh needed. Just work in your terminal and watch the graph evolve in real time.

Repository Selection

On launch you are greeted with a welcome screen and an "Open Repository" button. Pick any folder containing a .git directory to start visualizing.

Switch repositories at any time using the "Change Repo" button in the bottom info bar, which also displays the current repo path.

Repo Selection Screen