ns-ui
A commit-history DAG rendered as `git log --graph` does, where a real lane-allocation pass assigns each branch a column and emits `│ ├─┐ ┘ ┼` connector rows, and hovering a commit lights its full ancestor set through the lanes.
Use when Pick git-graph-ascii-lanes when the subject is a branching commit history that must read as a terminal git graph — lane columns, `├─┐`/`├─┘` connectors, ancestor lighting on hover, and collapsible merge side-branches. diagram-ascii-flow is the better pick for a free-positioned, user-draggable process graph with an orthogonal router; tree-box-drawing for a strict expand/collapse hierarchy with no lane allocation at all.
Install
npx shadcn add https://design.helpmarq.comns-ui / git-graph-ascii-lanes
Hover or arrow-key a commit to light its ancestors through the lanes. Enter on a merge (◍) collapses its side branch and the braid straightens.
| Prop | Type | Default | Description |
|---|---|---|---|
| commits? | GitCommit[] | — | — |
| head? | string | — | Commit id HEAD points at. Defaults to the first (newest) commit. |
| className? | string | — | — |